渐变在网页上应该算是很常见的一种效果。但是在CSS3出现之前，渐变效果必须使用图片才能做到。这就会出现问题了，就像之前说的圆角和阴影一样，因为使用了图片，在一定程度上影响网页的性能是肯定的，同时还有网站后期维护和修改的难题。CSS3的渐变诞生很久了，到目前为止，只要是支持该属性的浏览器，除了它们的私...
分类：
其他好文 时间：
2014-10-29 19:00:32
阅读次数：
271
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/ background: -moz-linear-gradient...
分类：
Web程序 时间：
2014-10-29 14:42:58
阅读次数：
134
background-color: #42c264; background-image: -webkit-linear-gradient(#4fec50, #42c264); background-image: -moz-linear-gradient(#4fec50, #42c264); back...
分类：
Web程序 时间：
2014-10-24 14:13:16
阅读次数：
173
渐变色（例子）：/*1属性：渐变角度 2属性：颜色+空格+纯色的长度（百分比、px）。。*//*background:-webkit-linear-gradient(top right,red 50px,yellow);*//*background:-webkit-linear-gradient(....
分类：
其他好文 时间：
2014-10-15 21:01:01
阅读次数：
160
今天上Quora的时候，发现登陆页面的背景图挺带感，就F12了一下……
学习学习CSS3的渐变效果，gradient
渐变按照表现方式分为线性渐变（linear-gradient）和蛋性渐变，哦不，是径向渐变（radial-gradient），重复线性渐变（repeating-linear-gradient）和重复径向渐变（repeating-radial-gradient）...
分类：
Web程序 时间：
2014-10-11 11:54:35
阅读次数：
249
原文：http://www.cnblogs.com/lhb25/archive/2013/02/17/css3-linear-gradient.htmlCSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变...
分类：
Web程序 时间：
2014-09-30 13:48:59
阅读次数：
262
(1)：1.border-radius：圆角2.box-shadow：阴影3:linear-gradient:线性渐变各浏览器兼容性备注：-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o-代表opera代表opera私有属性...
分类：
其他好文 时间：
2014-09-19 01:06:44
阅读次数：
285
.gradient-box{background-image:-webkit-linear-gradient(top,#ccc,#000);background-image:-moz-linear-gradient( top,#ccc,#000);background-image:linear-gr...
分类：
Web程序 时间：
2014-09-17 11:54:02
阅读次数：
292
原文来自：html5移动web开发实战 第83页如果你还想把IE9或者其他的iE版本支持css3,css3 PIE(http://css3pie.com)可以帮你下载PIE文件，通过如下的方式把它包含进你的CSS样式规则中：-pie-bakcgourn:linear-gradient(top,#ee...
分类：
Web程序 时间：
2014-09-15 12:45:18
阅读次数：
172
CSS3 Gradient 分为 linear-gradient（线性渐变）和radial-gradient（径向渐变） 。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、Tr...
分类：
Web程序 时间：
2014-09-12 17:22:54
阅读次数：
219
