论坛

标题: 渐变背景代码怎么写 [打印本页]

作者: silvia88 时间: 2018-2-23 09:09
标题: 渐变背景代码怎么写
渐变背景的代码怎么写呢？上下，左右，对角线渐变

作者: 潜意式 时间: 2018-2-23 17:29
Css3线性渐变：
background: linear-gradient(direction, color-stop1, color-stop2, ...); #jianbian{ background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradien t(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ backgound: linear-gradient(red, blue); /* 标准的语法，必加*/}
从左到右渐变的话就需要再加一个属性：
#jianbian{ background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: - o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 标准的语法，必加*/ }

欢迎光临论坛 (http://bbs.qinxue.com/)