Home > Developer > Web Develop
The blur filter is similar to the motion blur effect in PS.
Grammar:
{FILTER:blur (Add=add,direction=direction,strength=strength)}
The "ADD" parameter is a Boolean judgment of "TRUE(default)" or "FALSE". It specifies whether the picture has been altered into an impressionist blur effect. The blur effect is done in a clockwise direction,
The "DIRECTION" parameter is used to set the direction of the blur. Where 0 degrees represents vertical upward, then each degree is one unit. Its default value is the left degree of the dimension.
The "Strength" value can only be specified using integers, and she represents how many pixels the width will be affected by the blur. The default is 5 .
Instance:
<title>blur Effect Show:</title>
<style type= "Text/css" >
. A1{filter:blur (add=ture,direction=135,strength=10); Height:450;font-size:72;color:blue;font-weight:bold}// Direction 135 Influence Width 10
. A2{filter:blur (add=ture,direction=45,strength=10); height:450;font-size:72;color:blue;font-weight:bold}//Direction 45 Impact width 10
. A3{filter:blur (add=ture,direction=135,strength=20); Height:450;font-size:72;color:blue;font-weight:bold}// Direction 135 Influence Width 20
</style>
<body>
<br>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
