DHTML初步·CSS教程 -- 追寻梦想＞编程乐园

CSS教程

CSS教程

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

五、CSS滤镜

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

blur属性字体

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

<html>
　　　<head>
　　　<title>filter blur</title>
　　　<style>//*CSS样式定义开始*//
　　　
　　　</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，显示效果如下图：

修改后的blur属性效果

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