本篇文章主要介绍了"详解CSS3渐变（线性和径向）"，主要涉及到display:inline-block方面的内容，对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
CSS3渐变分为线性渐变和径向渐变，先来说说比较简单的线性渐变。CSS3的线性渐变和设计软件中的渐变工具没什么区别，都是指定一个渐变的方向，起始颜色，结束颜色，...
CSS3渐变分为线性渐变和径向渐变，先来说说比较简单的线性渐变。
CSS3的线性渐变和设计软件中的渐变工具没什么区别，都是指定一个渐变的方向，起始颜色，结束颜色，当然，起始颜色和结束颜色中间还可以添加其他颜色，也就是说渐变色可以是多种，而不仅仅是两种颜色之间的渐变。 W3C标准线性渐变语法如下：
linear-gradient([[ | to ],]?[,]+)
以上语法包括三个参数：
第一个参数指定的是渐变的方向，同时决定渐变颜色的停止位置，默认值是 to bottom ，此参数可省略，设置此参数有两种指定方法。通过角度和通过关键字来设置，通过角度来设置就是通过角度来确定渐变的方向，0度表示为从下到上，90度表示从左到右，就是起始位置为从下到上，然后角度从起始位置以顺时针方向增大。通过关键字设置就比较简单了，比如可以设置
"to top"，"to bottom"，"to left"，"to right"，除此之外，还可以设置"to top left"，"to bottom right"之类的，具体的作用就是它们的中文意思。
第二个和第三个参数是开始颜色和结束颜色，当然中间可以添加更多的渐变色，格式可以是任意的css颜色模式，例如#FFBB00，rgba(255,3,56,0.7)，hsla(200,50%,43%,0.5)，red等。
示例：
linear-gradient
chrome中效果如下：
