你的位置:首页 > 软件开发 > 网页设计 > CSS3中颜色线性渐变实战

CSS3中颜色线性渐变实战

发布时间:2015-09-10 12:00:03
css3线性渐变可以设置3个参数值:方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色,起点、终点和方向默认自元素的顶部到底部。下面举例说明:CSS Code复制内容到剪贴板.test{ background:linear-gradient(red, blue ...

CSS3中颜色线性渐变实战

css3线性渐变可以设置3个参数值:方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色,起点、终点和方向默认自元素的顶部到底部。下面举例说明:

CSS Code复制内容到剪贴板

上述代码的效果如图所示。

线性渐变可以指定渐变的方向,如下例:

CSS Code复制内容到剪贴板

上述代码的效果如图所示,设置了left/to right参数后,渐变方向从自上而下变成了自左向右。

效果如图所示。

原标题:CSS3中颜色线性渐变实战

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。