Rumah > Artikel > hujung hadapan web > css3 Gradient背景_html/css_WEB-ITnose
css3的gradient分为两种:线性渐变(linear)和径向渐变(radial)。
一、线性渐变linear-gradientlinear-gradient([设置方向],[设置开始颜色],[设置多种过度颜色],[设置结束颜色])
参数:
第一个参数:指定渐变方向,可以用“角度”的关键字或“英文”来表示:
第一个参数默认:180deg,等同于“to bottom”。
后面的颜色至少有2个,即开始颜色和结束颜色。
举例:
<style type="text/css">p{ width: 300px; height: 100px; background-image:-webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);}</style><p>从左到右线性渐变背景</p>二、径向渐变radial-gradient
待续
大漠写的css3 gradient
http://www.w3cplus.com/content/css3-gradient