Tạo bóng mờ bằng 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á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	Màu Màu mà bạn muốn có bóng.
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

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>