css3整理--gradient
gradient语法:
-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* ) // chrome的新版写法和FF的一致,只要改版前缀即可
第一个参数:指定渐变方向。例如:top,从上向下渐变;left,从左向右渐变; left top,从左上向右下渐变
第二个参数:指定起始点的颜色值
第三个参数:指定结束点的颜色值
还可以加参数,如:
background: -moz-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace);
可以指定多个颜色值,如果不同时指定百分比,则平均分配位置,否则,通过指定某个颜色值渐变到百分之多少的位置。
还可以指定角度:
background: -moz-linear-gradient(left 30deg, #ace, #f96);
如果设置left,不设置角度,则为从左到右渐变;
如果设置left,同时设置90deg,则为从上到下渐变;
background: -moz-radial-gradient(bottom left, ellipse, #ace, #f96, #1E90FF);(径向渐变)
第一个参数指定位置:bottom left指从左下角开始渐变
第二个参数指定渐变的形状:ellipse指椭圆形渐变
第三到第六个参数指定渐变的颜色,同样可以指定百分比
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。