背景色渐变

背景线性渐变的语法

 background: -webkit-linear-gradient(起始方向, 颜色1, 颜色2, ...);

背景渐变必须添加浏览器私有属性。
起始方向可以是方位名词:top 、bottom、left、right,或者是度数,缺省的话,默认为 top。

 background: -webkit-linear-gradient(yellow, orange);

image.png

 background: -webkit-linear-gradient(left, yellow, red, orange);

image.png

 background: -webkit-linear-gradient(-45deg, yellow, red, orange);

image.png

你可能感兴趣的:(前端css3)