Rumah >hujung hadapan web >tutorial css >Pengenalan kepada syntax_Tutorial asas penapis atribut css

Pengenalan kepada syntax_Tutorial asas penapis atribut css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal: 2016-05-16 12:08:171686semak imbas

penapis css
Atribut gaya:
Boleh digunakan dalam teg, dan boleh digunakan secara meluas dalam

Pengenalan kepada syntax_Tutorial asas penapis atribut css

dan seterusnya tag,
yang lebih penting, ia boleh digunakan dalam tag.
Kesan penukaran halaman:
Tambah "" antara bahagian hadapan dan halaman
Penjelasan: tempoh ialah tempoh masa untuk penukaran halaman, 3.000 bermakna 3 saat, secara amnya anda boleh memasukkan 3 terus
;Peralihan ialah kesan pensuisan, terdapat 22 kesan pensuisan berbeza daripada 1-23, yang mana 23
ialah kesan rawak.
Kesan penapis:
Anda telah menggunakan banyak penapis Photoshop, jadi mari gunakan penapis pada halaman untuk mencipta makna baharu!
Sintaks: STYLE="filter:filtername(fparameter1,fparameter2...)}
(Nama penapis ialah nama penapis, fparameter1, fparameter2, dsb. ialah parameter penapis)
Penjelasan penapis :
Alpha: Tetapkan tahap ketelusan
kabur: Cipta kesan pergerakan berkelajuan tinggi, iaitu, kesan kabur bayang-bayang objek skala kelabu.
terbalikkan: Terbalikkan warna
cahaya : Cipta sumber cahaya pada objek
topeng: Cipta topeng lutsinar pada objek
bayangan tetap >gelombang: Kesan riak. FinishOpacity=finishopacity,Style=style,
StartX=startX,StartY= startY, FinishX = finish 🎜>Gaya: 1 atau 2 atau 3
StartX: sebarang nilai
StartY: sebarang nilai
Contoh: penapis:Alpha(Opacity="0",FinishOpacity="40",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 sudah cukup
Contoh: penapis: Kabur(Tambah ="1", Arah="45", Kekuatan="5")
3.
STYLE="filter:Chroma(Color=color)"
Penerangan :
color:#rrggbb format, any.
Contoh: filter:Chroma(Color="#FFFFFF")
4. Penapis: DropShadow
Sintaks:
STYLE="penapis: DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"
Penerangan:
Warna:#rrggbb format , mana-mana.
Offx: Nilai sisihan paksi X
Offy: Nilai sisihan paksi Y
Positif:1 atau 0.
Contoh: penapis:DropShadow(Color="#6699CC", OffX="5",OffY="5",
Positif="1" )
5 Penapis: FlipH
Sintaks:
STYLE="penapis:FlipH"
Contoh: penapis. :FlipH
6. Penapis: FlipV
Sintaks:
STYLE="penapis:FlipV"
Contoh: penapis:FlipV
7 ="filter:Glow(Color=color,Strength=strength)"
Penerangan:
Warna: warna cahaya
Kekuatan: keamatan (0-100)
Contoh: penapis:Glow(Color=. "#6699CC",Strength="5")
8 penapis :Kelabu
Sintaks:
STYLE="penapis:Kelabu"
Contoh: penapis:Kelabu
9 🎜>Sintaks:
STYLE="filter:Invert"
Contoh: penapis:Invert
10 Penapis:Topeng
Sintaks:
STYLE="filter:Mask(Color=color)"
Contoh: penapis:Topeng(Warna="#FFFFE0 ")
11 Penapis: Bayang
Sintaks:
penapis:Bayang(Warna=warna,Arah=arah)
Penerangan: <.>Warna:#rrggbb format
Arah: Sudut, 0-315 darjah, saiz langkah ialah 45 darjah
Contoh: penapis:Bayang(Color="#6699CC",Arah="135") 12. Penapis: Gelombang
Sintaks:
penapis: Gelombang(Tambah=add,Freq=freq,LightStrength=strength,Fasa=fasa,
Strength=strength)
Penerangan:
Tambah : Umumnya 1, atau 0.
Kekerapan: Nilai ubah bentuk
Kekuatan Cahaya: Peratusan ubah bentuk
Fasa: Peratusan ubah bentuk sudut ="0",Phase="4", Freq="5",LightStrength="5",Strength="2")
13. Penapis:Xray
Sintaks:
GAYA="penapis: Xray"
Contoh: penapis:Xray

Kenyataan：

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

Artikel sebelumnya：Mengapa menetapkan piawaian web dan faedah piawaian webArtikel seterusnya：Mengapa menetapkan piawaian web dan faedah piawaian web

Artikel berkaitan

Lihat lagi