สร้าง Glow Effect รอบอ็อบเจกต์ด้วย CSS

Glow effect ใช้สร้างแสงสว่างรอบอ็อบเจกต์ หากเป็นภาพโปร่งใส แสงจะถูกสร้างรอบพิกเซลที่ไม่โปร่งใส

พารามิเตอร์ต่อไปนี้สามารถใช้ในฟิลเตอร์นี้ได้:

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อสร้างแสงสว่างรอบอ็อบเจกต์

<html>    <head>    </head>    <body>       <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Chroma(Color = #000000) Glow(Color=#00FF00, Strength=20)">       <p>ตัวอย่างข้อความ:</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>