css3线性渐变

来源:互联网 发布:长城三公主知乎 编辑:程序博客网 时间:2024/05/01 09:51

css3渐变有两种:linear-gradient线性渐变和radial-gradient径向渐变。
今天看的是linear-gradient线性渐变,所以只做线性渐变的总结。
W3C标准语法

Formal grammar: linear-gradient(  [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ ) <side-or-corner> = [left | right] || [top | bottom]<color-stop>     = <color> [ <percentage> | <length> ]?

第一个参数指定渐变方向角度,可以是角度,也可以是关键字。
第二个参数指定起点颜色和终点颜色,同时起点颜色和终点颜色之间还可以插入其他颜色做颜色的渐变。
在不同内核的浏览器的旧版本中,要加前缀。但现在最新版本已经支持W3C标准语法了。

0 0
原创粉丝点击