Alpha Channel filter ปรับความทึบแสงของอ็อบเจกต์ ทำให้มันผสมเข้ากับพื้นหลังได้
พารามิเตอร์ต่อไปนี้สามารถใช้ในฟิลเตอร์นี้ได้:
| พารามิเตอร์ | คำอธิบาย |
|---|---|
| Opacity | ระดับความทึบแสง 0 คือโปร่งใสสมบูรณ์ 100 คือทึบแสงสมบูรณ์ |
| finishopacity | ระดับความทึบแสงที่ปลายอีกด้านของอ็อบเจกต์ |
| Style | รูปทรงของความโค้งความทึบแสง 0 = สม่ำเสมอ 1 = เส้นตรง 2 = แผ่กึ่งกลาง 3 = สี่เหลี่ยม |
| startX | พิกัด X สำหรับเริ่มต้นความโค้งความทึบแสง |
| startY | พิกัด Y สำหรับเริ่มต้นความโค้งความทึบแสง |
| FinishX | พิกัด X สำหรับสิ้นสุดความโค้งความทึบแสง |
| FinishY | พิกัด Y สำหรับสิ้นสุดความโค้งความทึบแสง |
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อนำ Alpha Filter ไปใช้:
<html> <head> </head> <body> <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" /> <p>ตัวอย่างข้อความ:</p> <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: blue; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)"> CSS Tutorials </div> </body> </html>
