Heim > Web-Frontend > HTML-Tutorial > CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose

CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:02:15
Original
1370 Leute haben es durchsucht

Blur滤镜比较类似于ps里面的运动模糊效果。

语法:

{FILTER:blur(add=add,direction=direction,strength=strength)}

“ADD”参数是一个布尔判断“TRUE(默认)”或者“FALSE”。它指定图片是否被改变成印象派的模糊效果。模糊效果是按顺时针的方向进行的,

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

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

实例:



blur效果展示:



CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose
CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose

CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose
CSS滤镜之Blur滤镜??模糊_html/css_WEB-ITnose

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage