Rumah > hujung hadapan web > tutorial css > Penapis CSS reference_CSS/HTML

Penapis CSS reference_CSS/HTML

WBOY
Lepaskan: 2016-05-16 12:11:23
asal
1341 orang telah melayarinya

Sintaks: STYLE="filter:filtername(fparameter1, fparameter2...)"
 (Nama penapis ialah nama penapis, fparameter1, fparameter2, dsb. ialah parameter penapis)
sintaks skrip : HTMLElement.filters .filterName.fParameter=value;

Perihalan penapis:

Alfa: Tetapkan tahap ketelusan

Kabur: Cipta kesan pergerakan berkelajuan tinggi, iaitu kesan kabur
Chroma: Jadikan warna khas telus
DropShadow: Cipta bayang tetap objek
FlipH: Cipta imej cermin mendatar
FlipV: Cipta imej cermin menegak
Cahaya: Tambahkan cahaya pada bahagian luar objek berdekatan
Kelabu: Skala kelabu imej
Terbalikkan: Terbalikkan warna
Cahaya: Cipta sumber cahaya pada objek
Topeng: Cipta topeng lutsinar pada objek
Bayang: Cipta bayang tetap mengimbangi
Gelombang: Kesan riak
Xray: Jadikan objek kelihatan seperti itu diterangi oleh x-ray

 1. Penapis: Alpha

Sintaks: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
Penerangan:
Kelegapan: nilai permulaan, antara 0 hingga 100, 0 adalah lutsinar, 100 ialah imej asal.
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="penapis:Kabur(Tambah = tambah, Arah = arah, Kekuatan = kekuatan)"
Penerangan:
Tambah: biasanya 1, atau 0 .
Arah: Sudut, 0~315 darjah, saiz langkah ialah 45 darjah.
Kekuatan: Nilai pertumbuhan kesan, biasanya 5.
Contoh: penapis:Kabur(Tambah="1",Arah="45",Kekuatan="5")

3. Penapis: Chroma

Sintaks: STYLE="filter:Chroma(Color = color)"
Penerangan: color: #rrggbb format, any.
Contoh: penapis:Chroma(Color="#FFFFFF")

4. Penapis: DropShadow

Sintaks: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
Penerangan: Color: #rrggbb format, any .
Offx: Nilai sisihan paksi X.
Mati: 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: bercahaya

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="penapis:Kelabu"
Contoh: penapis:Kelabu

9. Penapis: songsang

Sintaks: STYLE="filter:Invert"
Contoh: penapis: Songsang

10. Penapis: topeng

Sintaks: STYLE="penapis:Topeng(Warna=warna)"
Contoh: penapis:Topeng (Warna="#FFFFE0")

11. Penapis: bayang

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

12. Penapis: gelombang

Sintaks: penapis: Gelombang(Tambah=tambah, Freq=freq, LightStrength=kekuatan, Fasa=fasa, Kekuatan=kekuatan)
Penerangan:
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

Sintaks: STYLE="filter:Xray"
Contoh: penapis:Xray

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan