html区域渐变⾊代码,CSS实现的html背景⾊渐变的实例代码在制作⽹页的过程中我们有时候需要利⽤到背景⾊渐变的功能,但是⼜许多朋友们不知道该如何实现这⼀功能,那么我们现在就去看看CSS 实现的html背景⾊渐变的实例代码,希望对你有所帮助。
效果截图:
实现代码:
复制代码
代码如下:
.linear{
width:100%;
height:600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa);
/*IE*/
background:-moz-linear-gradient(top,#15A216,#fafafa);/*⽕狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*⾕歌*/好看的css代码
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/
filter: progid:adient(GradientType=0,startColorstr='#15A216', endCol
orstr='#fafafa'); /*IE6 & IE7*/
-ms-filter: "progid:adient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}
以上就是⼤家看到CSS实现的html背景⾊渐变的实例代码,个⼈感觉还不错,⼤家在上⾯也可以清楚的看到图⽚ 。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论