<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Blur Filter </title>
<style type= "Text/css" >
. div2{
}
</style>
<body>
<ul> its related parameters include:
<li>1.enabled: Set whether the filter is activated </li>
<li>2.add: Specifies whether the picture is adapted to a blur effect, the Boolean value, and the default is true, which indicates that the blur effect is applied </li>
<li>3.direction: Set the fuzzy direction, in accordance with the clockwise direction, the value range of 0-360 degrees, 45 degrees for an interval, a total of 8 directional values,</li>
<li>4.strength: Specifies the size of the blur radius in pixels, the default value is 5, and the range of values is the natural number. </li>
</ul>
<ul> Related examples:
Original diagram:
Add=true:
Add=false:
</ul>
<div class= "Div2" >
<p style= "Font-size:20px;color:blue;
-webkit-filter:blur (2px);
-moz-filter:blur (2px);
-o-filter:blur (2px);
-ms-filter:blur (2px); Filter:blur (2px); " >blur Filters </p>
</div>
</body>
