Home > Web Front-end > HTML Tutorial > Blur filter of CSS filter??Blur_html/css_WEB-ITnose

Blur filter of CSS filter??Blur_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:02:15
Original
1364 people have browsed it

The Blur filter is similar to the motion blur effect in PS.

Syntax:

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

The "ADD" parameter is a Boolean judgment "TRUE (default )" or "FALSE". It specifies whether the picture is changed to an impressionistic blur effect. The blur effect is performed in a clockwise direction.

The "DIRECTION" parameter is used to set the direction of blur. 0 degrees represents vertical upward, and every 45 degrees is a unit. Its default value is 270 degrees to the left.

The "STRENGTH" value can only be specified using an integer, which represents how many pixels of width will be affected by the blur. The default is 5.

Example:



blur effect display: