上篇文章介绍了 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
这些图片都是用一个DIV绘制出来的，其实原理并不复杂。 这些图片都是由CSS绘制出来的，通过background-image叠加实现， 如蘑菇头的实现，通过radial-gradient 径向渐变,linear-gradient 线性渐变相互叠加实现，如：123456789101112div {.....
分类：
Web程序 时间：
2014-09-01 10:36:12
阅读次数：
199
全兼容 渐变效果 头颜色#F3A8A8 尾颜色#e23b2ebackground: #F3A8A8; /* Old browsers */background: -moz-linear-gradient(top,#F3A8A8,#e23b2e);/*FF 3.6+ */background: -we...
分类：
Web程序 时间：
2014-08-28 14:39:09
阅读次数：
180
今天总结渐变的问题，渐变分为线性渐变、径向渐变。呼呼，废话少说，线性渐变：background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色);Linear:渐变的类型（线性渐变）；渐变的形式：可选参数 有两种方式-1、设置旋转角度，0度代表水...
分类：
Web程序 时间：
2014-08-26 19:15:46
阅读次数：
331
一、线性渐变在 Mozilla 下的应用 语法：1 -moz-linear-gradient( [ || ,]? , [, ]* )参数：其共有三个参数，第一个参数表示线性渐变的方向，top 是从上到下、left 是从左到右，如果定义成 left top，那就是从左上角到右下角。第二个和第三个参数....
分类：
Web程序 时间：
2014-08-22 12:42:56
阅读次数：
17927
渐变一、CSS3的径向渐变效果图网址：http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码：1 Hold the front page2 Now you get...
分类：
Web程序 时间：
2014-08-09 13:26:17
阅读次数：
358
在CSS中background:-moz-linear-gradient让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。background:-moz-linear-gradient(top,#bccfe30%,#d2dded100%);适合FF3.6+backgrou...
分类：
Web程序 时间：
2014-07-16 20:55:53
阅读次数：
322
background: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f0...
分类：
Web程序 时间：
2014-07-01 17:55:21
阅读次数：
282
