css3背景渐变属性
程序员文章站
2022-05-11 10:54:37
...
#bg-gradient{
width: 100%;height:580px;
background: -webkit-linear-gradient(left,#ee8d57,#ef6b4d); /*Webkit浏览器 Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,#ee8d57,#ef6b4d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,#ee8d57,#ef6b4d); /*Mozilla浏览器 Firefox 3.6 - 15 */
background: -ms-linear-gradient(left,#ee8d57,#ef6b4d); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #ee8d57, endColorstr =#ef6b4d); /* IE8 */
background: linear-gradient(left,#ee8d57,#ef6b4d); /* 标准的语法(必须放在最后) */
background:linear-gradient(left,#ee8d57,#ef6b4d)
}
实现背景颜色变化 ,效果如下: