用CSS实现网页背景渐变的方法
日期:2009-08-17作者:woniu
网页背景渐变是经常用到的效果,下面用的滤镜,当然在非IE下是没效果的。
一、从上往下渐变
Example Source Code
body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";
}
二、从左上至右下渐变
Example Source Code
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }
background-color: skyblue;
}
三、从左往右渐变
Example Source Code
body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)";}
一、从上往下渐变
Example Source Code body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)";
}
二、从左上至右下渐变
Example Source Code body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }
background-color: skyblue;
}
三、从左往右渐变
Example Source Code body{
FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)";}
评论: 0 | 引用: 0 | 查看次数: -
发表评论

上一篇
下一篇

文章来自:
Tags: