本文主要包含纯CSS,颜色渐变等相关知识,佚名 希望在学习及工作中可以帮助到您
下面我们来看看CSS渐变色(Gradients)技术基本的语法，浏览器支持情况和缺陷。
CSS渐变色(Gradients)术语和解释
CSS渐变色(Gradients)能让我们用一种颜色渐变的效果修饰一个空间——从一种颜色过渡到另外一种颜色——填充这个空间。渐变色有两个形式：linear (线性渐变) 和 radial (环形渐变)。很显然CSS渐变色(Gradients)技术是产生了一种视觉图案效果，而实现这种视觉效果很简单，能通过简单编程实现。CSS3里很早就引入了CSS渐变色(Gradients)，但这种技术的推广却经历了很长时间。
CSS颜色线性渐变的语法
CSS颜色线性渐变的语法在各种浏览器里的实现稍微有些不同，但最后是统一标准的：
CSS环形颜色渐变(Radial Gradients)
CSS环形颜色渐变(Radial Gradients)跟线性渐变(linear gradients)不一样，它不是沿着一个方向渐变，而是以一个点为中心，向四周辐射渐变，360度的。目前除了IE外的所有浏览器都支持CSS环形颜色渐变(Radial Gradients)，但它们也都有各自不同的语法…..我说的就是你，WebKit引擎的浏览器，WebKit曾经彻底修改了它的CSS环形颜色渐变(Radial Gradients)的语法。下面我们来看看老式的写法：
closest-side: 对于原型，是指渐变图形扩散时需要到达的最近的一个边。对于椭圆，是指横向或纵向中要达到最近的一个边。
closest-corner: 是指渐变图形扩散时需要到达的最近的一个角
farthest-side: 跟 closest-side 相似