<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css3</title>
<style>
.div{
width:200px;
height:50px;
background: -moz-linear-gradient(left bottom, red, #f96, yellow, green, #ace);
background: -webkit-linear-gradient(left,red,#f96,yellow,green,#ace);
background: -o-linear-gradient(left, red, #f96, yellow, green, #ace);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=red, endColorstr=#ace);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=#ace)";/*IE8+*/
}
</style>
</head>
<body>
<div class="div"></div>
</body>
</html>
Gradient 渐变
最新推荐文章于 2022-08-13 13:04:36 发布