///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> CSS教程

CSS教程 ///pc/img/title_00.gif" width="13" height="20">  

　→ CSS快速入门
　→ 怎样编写CSS
　→ CSS属性
　→ CSS定位
　→ CSS滤镜
　　 1.概述
　　 2.Alpha属性
　　 3.Blur属性
　　 4.Chroma属性
　　 5.Dropshadow属性
　　 6.Fliph、Fliv属性
　　 7.Gray属性
　　 8.Glow属性
　　 9.Invert属性

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


五、CSS滤镜

   

　　通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1，得出来的字体效果是这样的（如下图）：

///pc/homepage/css/img/css028.gif" width="228" height="79" border="0" alt="blur属性字体">

　　怎么样，是不是有些印象派的意思，这种效果的实现代码如下：

　　<html>
　　　<head>
　　　<title>filter blur</title>
　　　<style>//*CSS样式定义开始*//
　　　<!--
　　　div{width：200；
　　　filter：blur(add=true,direction=90,strength=25)；}
　　　//*设置DIV样式，滤镜blur属性*//
　　　 -->
　　　</style>
　　　</head>
　　　<body>
　　　<div style=“width:702； height: 288”>
　　　<p style=“font-family:lucida handwirting italic；
　　　 font-size:72；font-style:bold；color:rgb(55,72,145)；” >
　　　 LEAF</p>
　　　//*定义字体名称、大小、样式、前景色*//
　　　</div>
　　　</body>
　　</html>

　　我们看到strength设置为25，如果把其值再改大一些，就会达到非常夸张的效果，同时把Direction参数值为180，显示效果如下图：

///pc/homepage/css/img/css029.gif" width="197" height="111" border="0" alt="修改后的blur属性效果">

　　用blur属性设置字体可以达到很多效果，把direction和strength再做修改，还能达到多种效果，您可以自己修改试一试。
　　这一节我们介绍了Blur属性，下一节将向您介绍Chroma属性。

上一节　下一节   

 

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页