纯CSS实现颜色渐变效果（包含环形渐变、线性渐变、彩虹效果等）

下面我们来看看CSS渐变色(Gradients)技术基本的语法，浏览器支持情况和缺陷。

CSS渐变色(Gradients)术语和解释

CSS渐变色(Gradients)能让我们用一种颜色渐变的效果修饰一个空间——从一种颜色过渡到另外一种颜色——填充这个空间。渐变色有两个形式：linear (线性渐变) 和 radial (环形渐变)。很显然CSS渐变色(Gradients)技术是产生了一种视觉图案效果，而实现这种视觉效果很简单，能通过简单编程实现。CSS3里很早就引入了CSS渐变色(Gradients)，但这种技术的推广却经历了很长时间。

CSS颜色线性渐变的语法

CSS颜色线性渐变的语法在各种浏览器里的实现稍微有些不同，但最后是统一标准的：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表