|
来源: ahao2009.blog.hexun.com/8247355_d.html 收藏整理：博客特效大全 hexun.com/yayb
有时看到别人的网站的颜色是渐变的，这个可利用CSS中的Alpha滤镜来实现这个效果，先看看Alpha滤镜怎么使用。
一、Alpha滤镜语句表示： FILTER: Alpha( style=1,opacity=50,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);
表示从左上方到右下方实现半透明的线形变换。"Alpha"滤镜作用：是把一个目标元素与背景混合，可指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。他们的参数含义分别如下：
二、"Alpha"滤镜参数说明：①、“opacity"代表透明度水准。默认的范围是从0 到 100，是百分比的形式。即0代表完全透明，100代表完全不透明，50代表半透明”；②、finishopacity"是一个可选参数，如想要设置渐变的透明效果，就可使用他们来指定结束时的透明度。范围也是0 到 100。③、“style" 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。④、”STARTX“和”STARTY“代表渐变透明效果的开始X和Y坐标。⑤、”FINISHX“和”FINISHY“代表渐变透明效果结束X和Y 的坐标。
制作步骤：方法一：（代码放到自定义html模块的代码）
一、把以下代码放在自定义HTML模块中，保存即可：
|
<style>
body{
FILTER: Alpha( style=1,opacity=50,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);
}
</style> |
方法二:(代码加到自定义css)
1.登陆你的个人门户--进入家园--门户设置--自定义css。
2.在自定义body{}语句中加入以下红色代码，保存即可。加好的自定义css代码效果具体如下：
|
body {
/*博客背景颜色渐变开始*/
FILTER: Alpha( style=1,opacity=50,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);
/*博客背景颜色渐变结束*/
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 956px;
background-color: #CCCCCC;
font-size: 12px;
color: #8F8F8F;
}#navi_bar a:link {
/*导航条文字颜色*/ |
其他保存：
/*博客背景颜色渐变开始*/
FILTER: Alpha( style=1,opacity=95,finishOpacity=100,startX=30,finishX= 70,startY=40,finishY=100);
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A0FFCC00', EndColorStr='#80000000');
/*博客背景颜色渐变结束*/
|
