如何实现CSS网页背景渐变

2019-08-14 09:39:20来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

为了使网页变得更加美观好可看,我们都会给网页制作一些特效,在制作特效的同时就会有新手开发者们好奇如何实现CSS网页背景渐变呢?现在我们就去看看实现CSS网页背景渐变实例代码吧。

一、从上往下渐变


body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";
}


二、从左上至右下渐变

?


body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }
background-color: skyblue;
}


三、从左往右渐变

?

?


body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)";}
本文讲述的就是如何实现CSS网页背景渐变的内容,小编上面介绍的滤镜,都是在非IE下是没效果的。

?


原文链接:https://js.aizhan.com/web_authoring/css/6959.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS实现导航条Tab切换的方法

下一篇:CSS的神奇技巧