Dreamweaver8CSS样式表滤镜实例

　　

　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

　　1、制作模糊文字效果

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

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

　　3、配置完成后，单击“确定”按钮弹出“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样式是如此的简单，而制作出来的效果能够如此的炫目。

　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有