สร้างภาพหรือข้อความเบลอด้วยตัวกรอง CSS

Motion Blur ใช้สำหรับสร้างภาพเบลอหรือข้อความที่มีทิศทางและความแรง

สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้

S.No	พารามิเตอร์ &คำอธิบาย
1	เพิ่ม จริงหรือเท็จ. ถ้าเป็นจริง รูปภาพจะถูกเพิ่มเข้าไปในภาพเบลอ และถ้าเป็นเท็จ ภาพจะไม่ถูกเพิ่มเข้าไปในภาพเบลอ
2	ทิศทาง ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย) 0 =ด้านบน 45 =ขวาบน 90 =ถูกต้อง 135 =ล่างขวา 180 =ด้านล่าง 225 =ล่างซ้าย 270 =ซ้าย 315 =บนซ้าย
3	ความแข็งแกร่ง จำนวนพิกเซลที่จะขยายความเบลอ ค่าเริ่มต้นคือ 5 พิกเซล

ตัวอย่าง

คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเบลอภาพ

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png" alt="CSS Logo" style = "Filter: Blur(Add = 0, Direction = 225, Strength = 10)">
      <p>Text Example:</p>
      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: blue;
         Filter: Blur(Add = 1, Direction = 225, Strength = 10)">CSS Tutorials</div>
   </body>
</html>