请简要表述并实 *** 应用css实现滤镜效果_IT百科

<!DOCTYPE HTML>

<html>

<head>

#all{border: 1px solid #BFBFBFwidth: 500pxheight: 200pxposition: relativetop: 100pxmargin: 0 auto}

li{list-style: nonewidth: 120pxheight: 120pxbackground: #000000float: leftmargin-left: 5pxtext-align: centercolor: #FFFFFFfont-size: 20px}

li:hover{opacity: 0.5}

</style>

</head>

<body>

<ul>

</ul>

</div>

</body>

</html>

所谓的滤镜就是改变透明度而已，如果是在css中来写，就是直接给你要改变的标签设置透明度属性，如果是js，那就添加动画改变透明度，可以做出很多很炫的效果。

1、制作模糊文字效果

1、新建05.html的文件插入一个1行1列的表格，边框和边距全部设置为0。然后在表格中输入要修饰的文字。

2、打开CSS样式面板，创建一个CSS样式，在d出的“新建样式对话框”做如下设置。

3、设置完成后，单击“确定”按钮d出“CSS样式定义”对话框，在类型设置区域中设置：大小：60，字体：黑体，粗细：粗，颜色：＃FF9900。

4、要产生文字特效，最重要的是在扩展设置区域中进行特殊设置。

Blur滤镜产生像被风吹一样的模糊效果。打开滤镜选项的下拉菜单，对Blur滤镜进行设置：

Blur(Add=?, Direction=?, Strength=?)

Add参数是一个布尔值，一般来说，当滤镜用于图片时取0，用于文字时取1。

“Direction=?”模糊方向，以45度为单位改变，“0”为垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改变。这里我们设置Direction=90。

Strength代表模糊移动值，单位为像素。我们设置Strength=180。

设置完成后，点击“确定”。

5、在文档编辑区选中文字所在单元格，在属性面板设置文字的样式为.test。

保存文件，按F12预览效果。

在只有HTML的时代，只能实现简单的网页效果。有了CSS样式，网页排版发生了翻天覆地的变化，在Dreamweaver8里，使用CSS样式是如此的简单，而制作出来的效果可以如此的炫目。

欢迎分享，转载请注明来源：内存溢出

请简要表述并实 *** 应用css实现滤镜效果