Tạo bóng mờ (Attenuated Shadow) với CSS Filter

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

Các tham số có thể dùng:

STT	Tham số & Mô tả
1	Color Màu bạn muốn cho bóng.
2	Direction Hướng bóng, theo chiều kim đồng hồ, làm tròn 45 độ. Mặc định 270 (trái). 0 = Trên 45 = Trên phải 90 = Phải 135 = Dưới phải 180 = Dưới 225 = Dưới trái 270 = Trái 315 = Trên trái

Ví dụ

Thử chạy mã sau để triển khai shadow filter:

<html>
<head>
</head>
<body>
  <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">
  <p>Ví dụ văn bản:</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>