Penapis Css yang disyorkan atribut penapis biasa dan pernyataan_Tutorial asas

Senarai lengkap atribut dan pernyataan penapis yang biasa digunakan untuk penapis Css

Sintaks: STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Nama penapis ialah nama penapis, fparameter1, fparameter2 , dsb. ialah penapis Parameter cermin)

Penerangan penapis:

Alfa: Tetapkan tahap ketelusan
Kabur: Cipta kesan pergerakan berkelajuan tinggi, iaitu kesan kabur
Chroma: Buat ketelusan warna khas
DropShadow: Cipta bayang tetap objek
FlipH: Cipta imej cermin mendatar
FlipV: Cipta imej cermin menegak
Cahaya: Tambahkan cahaya ke bahagian luar objek berdekatan
Kelabu: Skala kelabu imej
songsang: warna terbalik
cahaya: cipta sumber cahaya pada objek
topeng: cipta topeng lutsinar pada objek
bayang: cipta bayang tetap offset
gelombang: kesan riak
Xray: Jadikan objek kelihatan seperti diterangi oleh StartY = startY, FinishX = finish
FinishOpacity: nilai sasaran.
Gaya: 1 atau 2 atau 3
StartX: sebarang nilai
StartY: sebarang nilai
Contoh: penapis:Alpha(Opacity="0",FinishOpacity="75",Style="2" )

2. Penapis: kabur
Sintaks: STYLE="filter:Blur(Tambah = tambah, Arah = arah, Kekuatan = kekuatan)"
Penerangan:
Tambah: Umumnya 1, atau 0.
Arah: Sudut, 0~315 darjah, saiz langkah ialah 45 darjah.
Kekuatan: Nilai pertumbuhan kesan, biasanya 5.
Contoh: penapis:Kabur(Add="1",Direction="45",Strength="5")

3. Penapis: Chroma
Sintaks: STYLE="filter:Chroma ( Warna = warna)"
Penerangan: warna: #rrggbb format, mana-mana.
Contoh: penapis:Chroma(Color="#FFFFFF")

4. Penapis: DropShadow
Sintaks: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY= offY , Positif=positif)"
　 Penerangan: Warna: #rrggbb format, mana-mana.
Offx: Nilai sisihan paksi-X.
Offy: Nilai offset paksi-Y.
Positif: 1 atau 0.
Contoh: penapis:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5. Penapis: FlipH
Sintaks ： STYLE="filter:FlipH"
Contoh: penapis:FlipH

6. Penapis: FlipV
Sintaks: STYLE="filter:FlipV"
Contoh: penapis:FlipV

7. Penapis: bersinar
Sintaks: STYLE="penapis: Cahaya(Warna=warna, Kekuatan=kekuatan)"
Penerangan:
Warna: Warna bercahaya.
Kekuatan: keamatan (0-100)
Contoh: penapis:Glow(Color="#6699CC",Strength="5")

8. Penapis: kelabu
Sintaks: STYLE ="filter:Gray"
Contoh: penapis:Gray

9. Filter: songsang
Sintaks: STYLE="filter:Invert"
Contoh: penapis:Invert

10. Penapis: topeng
Sintaks: STYLE="filter:Mask(Color=color)"
Contoh: filter:Mask (Color="#FFFFE0")

11. Filter: shadow
Sintaks: penapis:Bayang(Warna=warna, Arah=arah)
Penerangan:
Warna: format #rrggbb.
Arah: Sudut, 0-315 darjah, saiz langkah ialah 45 darjah.
Contoh: penapis:Bayang (Color="#6699CC", Direction="135")

12. Penapis: gelombang
Sintaks: penapis: Gelombang(Tambah=tambah, Freq=freq , LightStrength=kekuatan, Fasa=fasa, Kekuatan=kekuatan)
　Penjelasan:
　Tambah: Umumnya 1, atau 0.
Kekerapan: nilai ubah bentuk.
Kekuatan Cahaya: Peratusan ubah bentuk.
Fasa: Peratusan ubah bentuk sudut.
Kekuatan: kekuatan ubah bentuk.
Contoh: penapis: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13. Penapis: Xray
Tatabahasa: STYLE="filter:Xray"
Contoh: penapis: =0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');