Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

สร้าง Glow Effect ด้วย CSS Filters


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

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

ลำดับพารามิเตอร์ & คำอธิบาย
1.Color
สีที่คุณต้องการให้แสงสว่างเป็น
2.Strength
ความเข้มของแสงสว่าง (จาก 1 ถึง 255)

ตัวอย่าง

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

<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>.