当前位置:首页 / 网页制作 / Dreamweaver教程 / Dreamweaver8.0教程CSS样式表滤镜实例
Dreamweaver8.0教程CSS样式表滤镜实例
芯晴素材特效 分类:Dreamweaver教程 发布日期:2018-05-07

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样式是如此的简单,而制作出来的效果可以如此的炫目。

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

JS淡出淡入式图片轮播效果

2013-01-30   浏览:10492

jQuery点击弹出仿百度登录窗口网页下载

2017-03-09   浏览:179

跟随鼠标且不停滚动的文字

2012-12-26   浏览:7844

jQuery图片卡片翻牌动画特效

2017-03-14   浏览:478

左右按钮tab选项卡双切换

2017-03-17   浏览:445

动画测试:可控制的透明度渐变、位置

2013-01-09   浏览:7983

jQuery全屏简洁带索引幻灯片

2017-03-17   浏览:381

jQuery+CSS3多张图片选择动画

2017-03-14   浏览:251

jQuery动画二级下拉导航

2017-03-15   浏览:204

jQuery倾斜逐张切换幻灯片

2017-03-17   浏览:501

跟随鼠标的走马灯滚动文字

2013-01-08   浏览:8653

jQuery评论内容上下滑动切换效果

2017-03-17   浏览:164