Tạo hiệu ứng Glow (Sáng rực) xung quanh đối tượng với CSS

Hiệu ứng Glow dùng để tạo ánh sáng rực quanh đối tượng. Nếu là hình ảnh trong suốt, hiệu ứng sẽ tạo quanh các pixel không trong suốt.

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

Ví dụ

Thử chạy mã sau để tạo glow quanh đối tượng:

<html>
<head>
</head>
<body>
  <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Chroma(Color = #000000) Glow(Color=#00FF00, Strength=20)">
  <p>Ví dụ văn bản:</p>
  <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Glow(Color=#00FF00, Strength=20)">CSS Tutorials</div>
</body>
</html>