Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Tạo hiệu ứng Glow (Sáng) với CSS Filters

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

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

STTTham số & Mô tả
1.Color
Màu bạn muốn cho ánh sáng.
2.Strength
Cường độ ánh sáng (từ 1 đến 255).

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>