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)}   

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号