WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>CSS滤镜特效的应用——blur滤镜模糊效果的设置

CSS滤镜特效的应用——blur滤镜模糊效果的设置

[ 录入者:91ctc | 时间:2012-02-10 10:42:20 | 作者: 91ctc| 来源:本站 | 浏览: 次 ]


本讲讲述blur滤镜模糊效果的设置。

模糊特效样式的基本语法是:

CSS Code复制内容到剪贴板
  1. {filter:blur(add=add,direction=direction,strength=strength)}  

blur滤镜属性值详解:

add  用来设置一个布尔判断TRUE(默认)或者FALSE。它指定图片是否被改变成印象派的模糊效果。

direction  用来设置模糊的方向,其中0代表垂直向上,然后每45度为一个单位,它的默认值是向左的270度。

strength  只能使用整数来指定,它代表有多少像素的宽度将受到模糊影响,默认是5个。

例如:

CSS Code复制内容到剪贴板
  1. .img01{filter:blur(strength=20)}   

关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号