原文：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
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
上篇文章介绍了 CSS3 线性渐变（linear-gradient），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。在以前，渐变效果和阴影、圆角效果一样都是做成图片，现在 CSS3 可以直接编写 CSS 代码来实现。
CSS3 径向渐变和线性渐变是很相似的，我们首先来看其语法：
.代码
-moz-radia...
分类：
Web程序 时间：
2014-09-12 17:21:57
阅读次数：
330
IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数：startColorStr起始颜色 endColorSt...
分类：
Web程序 时间：
2014-09-12 13:21:33
阅读次数：
235
CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（background-image也可以）。
我们先直接通过两个实例来说明这两种渐变的基本用...
分类：
Web程序 时间：
2014-09-11 17:22:32
阅读次数：
229
LinearGradientBrush使用线性渐变绘制区域。线性渐变沿直线定义渐变。该直线的终点由线性渐变的StartPoint和EndPoint属性定义。LinearGradientBrush画笔沿此直线绘制其GradientStops。默认的线性渐变是沿对角方向进行的。默认情况下，线性渐变的St...
分类：
其他好文 时间：
2014-09-09 11:24:38
阅读次数：
213
这些图片都是用一个DIV绘制出来的，其实原理并不复杂。 这些图片都是由CSS绘制出来的，通过background-image叠加实现， 如蘑菇头的实现，通过radial-gradient 径向渐变,linear-gradient 线性渐变相互叠加实现，如：123456789101112div {.....
分类：
Web程序 时间：
2014-09-01 10:36:12
阅读次数：
199
/* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello...
分类：
Web程序 时间：
2014-08-30 17:36:40
阅读次数：
356
/* 进度条 */div.progress {width: 600px;margin: 10px auto;height: 20px;line-height: 20px;font-size: 14px;background: #F7F7F7;border-radius: 4px;box-shadow...
分类：
其他好文 时间：
2014-08-27 01:35:37
阅读次数：
448
