如何实现CSS网页背景渐变

作者:kgmucom   在线用户: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下是没效果的。

 

提供最全面的奇迹sf开服版本和最新的奇迹私服开服技术信息,奇迹私服文库让每一位奇迹私服玩家找到自己需要的版本技术文章

上一篇:css透视效果的实现方法

下一篇:CSS代码的优化准则

请发表您的评论