Bộ lọc bóng với CSS

Bộ lọc bóng được sử dụng để tạo bóng mờ theo hướng và màu được chỉ định.

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

Tham số	Mô tả
Màu	Màu bạn muốn đổ bóng.
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

Ví dụ

Bạn có thể thử chạy mã sau để triển khai bộ lọc bóng -

<html>
   <head>
   </head>

   <body>

      <img src="/css/images/logo.png"
         alt="CSS Logo"
         style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family:
         Arial Black;
         color: red;
         Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
   </body>

</html>