ไวยากรณ์: STYLE="filter:filtername(fparameter1, fparameter2...)"
(ชื่อตัวกรองคือชื่อของตัวกรอง fparameter1, fparameter2 ฯลฯ คือพารามิเตอร์ของตัวกรอง)
คำอธิบายตัวกรอง:
อัลฟ่า: ตั้งค่าระดับความโปร่งใส
เบลอ: สร้างเอฟเฟกต์การเคลื่อนไหวความเร็วสูง ซึ่งก็คือเอฟเฟกต์เบลอ
Chroma: ทำให้สีเฉพาะมีความโปร่งใส
DropShadow: สร้างเงาคงที่ของวัตถุ
FlipH: สร้างภาพสะท้อนแนวนอน
FlipV: สร้างภาพสะท้อนในแนวตั้ง
เรืองแสง: เพิ่มแสงไปที่ขอบของวัตถุใกล้เคียง
สีเทา: ระดับสีเทาของภาพ
กลับด้าน: กลับสี
แสง: สร้างแหล่งกำเนิดแสงบนวัตถุ
หน้ากาก: สร้างหน้ากากโปร่งใสบนวัตถุ
เงา: สร้างเงาคงที่แบบออฟเซ็ต
คลื่น: เอฟเฟกต์ระลอกคลื่น
เอ็กซ์เรย์: ทำให้วัตถุดูเหมือนถูกเอ็กซ์เรย์
1. ตัวกรอง: อัลฟ่า
ไวยากรณ์: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
แสดงให้เห็น:
ความทึบ: ค่าเริ่มต้นตั้งแต่ 0 ถึง 100, 0 คือความโปร่งใส และ 100 คือภาพต้นฉบับ
FinishOpacity: ค่าเป้าหมาย
สไตล์: 1 หรือ 2 หรือ 3
StartX: ค่าใดก็ได้
StartY: ค่าใดก็ได้
ตัวอย่าง: filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2. ตัวกรอง: เบลอ
ไวยากรณ์: STYLE="ตัวกรอง:เบลอ(เพิ่ม = เพิ่ม, ทิศทาง = ทิศทาง, ความแข็งแกร่ง = ความแข็งแกร่ง)"
แสดงให้เห็น:
เพิ่ม: โดยทั่วไป 1 หรือ 0
ทิศทาง: มุม 0 ถึง 315 องศา ขนาดขั้นคือ 45 องศา
ความแข็งแกร่ง: ค่าของการเติบโตของเอฟเฟกต์ โดยทั่วไป 5 ก็เพียงพอแล้ว
ตัวอย่าง: filter:Blur(Add="1",Direction="45",Strength="5")
3. ฟิลเตอร์: โครมา
ไวยากรณ์: STYLE="filter:Chroma(Color = color)"
คำอธิบาย: สี: #rrggbb รูปแบบใด ๆ
ตัวอย่าง: filter:Chroma(Color="#FFFFFF")
4. ฟิลเตอร์: DropShadow
ไวยากรณ์: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
คำอธิบาย: สี:#rrggbb รูปแบบใดก็ได้
Offx: ค่าเบี่ยงเบนแกน X
Offy: ค่าเบี่ยงเบนของแกน Y
ค่าบวก: 1 หรือ 0
ตัวอย่าง: ตัวกรอง:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5. ฟิลเตอร์: FlipH
ไวยากรณ์: STYLE="filter:FlipH"
ตัวอย่าง: ตัวกรอง:FlipH
6. ตัวกรอง: FlipV
ไวยากรณ์: STYLE="filter:FlipV"
ตัวอย่าง: ตัวกรอง:FlipV
7. ฟิลเตอร์: เรืองแสง
ไวยากรณ์: STYLE="filter:Glow(Color=color, Strength=strength)"
แสดงให้เห็น:
สี: สีเรืองแสง.
ความแข็งแกร่ง: ความแข็งแกร่ง (0-100)
ตัวอย่าง: filter:Glow(Color="#6699CC",Strength="5")
8. ฟิลเตอร์: สีเทา
ไวยากรณ์: STYLE="filter:Gray"
ตัวอย่าง: ตัวกรอง:สีเทา
9. ตัวกรอง: กลับด้าน
ไวยากรณ์: STYLE="filter:Invert"
ตัวอย่าง: ตัวกรอง:กลับด้าน
10. ตัวกรอง: หน้ากาก
ไวยากรณ์: STYLE="filter:Mask(Color=color)"
ตัวอย่าง: filter:Mask (Color="#FFFFE0")
11. ตัวกรอง: เงา
ไวยากรณ์: ตัวกรอง:เงา(สี=สี, ทิศทาง=ทิศทาง)
แสดงให้เห็น:
สี: #rrggbb รูปแบบ.
ทิศทาง: มุม 0-315 องศา ขนาดขั้นบันได 45 องศา
ตัวอย่าง: ตัวกรอง:เงา (Color="#6699CC", Direction="135")
12. ตัวกรอง: คลื่น
ไวยากรณ์: ตัวกรอง: คลื่น (เพิ่ม=เพิ่ม, ความถี่=ความถี่, LightStrength=ความแรง, เฟส=เฟส, ความแรง=ความแรง)
แสดงให้เห็น:
เพิ่ม: โดยทั่วไป 1 หรือ 0
ความถี่: ค่าการเสียรูป
LightStrength: เปอร์เซ็นต์การเสียรูป
ระยะ: เปอร์เซ็นต์การเปลี่ยนรูปมุม
ความแข็งแรง: ความแข็งแรงของการเสียรูป
ตัวอย่าง: ตัวกรอง: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
13. ตัวกรอง: เอ็กซ์เรย์
ไวยากรณ์: STYLE="filter:Xray"
ตัวอย่าง: ตัวกรอง:Xray
14.การเปลี่ยนแปลงสี
ไวยากรณ์:
ตัวกรอง: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');