Computer >> Máy Tính >  >> Lập trình >> CSS

Tạo hình ảnh hoặc văn bản bị mờ bằng Bộ lọc CSS

Motion Blur được sử dụng để tạo hình ảnh hoặc văn bản bị mờ với hướng và cường độ.

Các thông số sau có thể được sử dụng trong bộ lọc này

S.Không
Thông số &Mô tả
1
Thêm
Đúng hay sai. Nếu đúng, hình ảnh được thêm vào hình ảnh bị mờ; và nếu sai, hình ảnh không được thêm vào hình ảnh bị mờ.
2
Hướng
Hướng của vệt mờ, theo chiều kim đồng hồ, được làm tròn đến mức tăng 45 độ. Giá trị mặc định là 270 (trái).
0 =Trên cùng
45 =Trên cùng bên phải
90 =Đúng
135 =Dưới cùng bên phải
180 =Dưới cùng
225 =Dưới cùng bên trái
270 =Trái
315 =Trên cùng bên trái
3
Sức mạnh
Số lượng điểm ảnh mà độ mờ sẽ mở rộng. Giá trị mặc định là 5 pixel.

Ví dụ

Bạn có thể thử chạy mã sau để làm mờ hình ảnh

<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>