kesan penapis css (2)_Tutorial asas
7、Gray ,Invert,Xray 滤镜
语法:{filter:gray} ,{filter:invert},{filter:xray}
Gray滤镜是把一张图片变成灰度图;Invert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值;Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮,也就是所谓的“X”光片。
效果如下:
![]() |
![]() |
||
![]() |
![]() |
8. Penapis cahaya
Sintaks: Penapis{light}
Atribut ini menyerupai kesan unjuran sumber cahaya. Setelah sifat penapis "LIGHT" ditakrifkan untuk objek, "Kaedah"nya boleh dipanggil untuk menetapkan atau menukar sifat tersebut. Kaedah yang tersedia untuk "CAHAYA" ialah:
- AddAmbient Tambah sumber cahaya sekeliling
- AddCone Tambah sumber cahaya kon
- AddPoint Tambah sumber cahaya titik
- Changcolor Tukar warna cahaya
- Changstrength Tukar keamatan sumber cahaya
- Kosongkan Kosongkan semua sumber cahaya
- MoveLight Move sumber cahaya
Anda boleh menentukan kedudukan maya sumber cahaya, dan mengawal kedudukan fokus sumber cahaya dengan melaraskan nilai paksi-X dan paksi-Y Anda juga boleh melaraskan bentuk daripada sumber cahaya (titik sumber cahaya atau sumber cahaya kon) untuk menentukan sama ada sumber cahaya mengaburkan sempadan, Warna, kecerahan dan sifat lain sumber cahaya. Jika anda menetapkan sumber cahaya secara dinamik, beberapa kesan yang tidak dijangka mungkin berlaku. Akan ada contoh khusus pada halaman berikut.
9. Penapis topeng
Sintaks: {filter:mask(color=color)}
Gunakan atribut "MASK" untuk mencipta filem yang menutupi permukaan objek Kesannya sama seperti memakai cermin mata berwarna untuk melihat objek.
10. Penapis bayang
Sintaks: {filter:shadow(color=color,direction=direction)}
Gunakan atribut "Shadow" untuk mencipta unjuran objek dalam arah yang ditentukan COLOR ialah warna unjuran dan ARAH ialah arah unjuran. Di mana 0 darjah mewakili menegak ke atas, dan kemudian setiap 45 darjah ialah satu unit. Nilai lalainya ialah 270 darjah ke kiri.
penapis:bayang(warna=merah,arah=225)
penapis:bayang(warna=biru,arah=225)
penapis:bayang(warna=kelabu,arah=225 )
Kesannya adalah seperti berikut:
Atribut "gelombang" mengganggu objek dalam gaya bentuk gelombang menegak. Lalai ialah "TRUE (bukan-0)",
"TAMBAH" menunjukkan sama ada untuk mengganggu objek dalam gaya bentuk gelombang,
"FREQ" ialah kekerapan riak, yang menentukan bilangan riak lengkap yang perlu dijana pada objek,
Parameter "LIGHTSTRENGTH" boleh meningkatkan kesan cahaya dan bayang pada riak, antara 0 hingga 100,
Parameter "FASA" digunakan untuk menetapkan offset gelombang sinus.
"KEKUATAN" mewakili amplitud.
![]() |
![]() |
||
![]() |
![]() |

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



CSS box-shadow dan garis besar sifat mendapat tema.json Sokongan dalam WordPress 6.1. Let ' s melihat beberapa contoh bagaimana ia berfungsi dalam tema sebenar, dan pilihan apa yang kita perlu gunakan gaya ini ke blok dan elemen WordPress.

Sekiranya anda baru -baru ini mula bekerja dengan GraphQL, atau mengkaji semula kebaikan dan keburukannya, anda tidak akan ragu -ragu mendengar perkara seperti "Graphql tidak menyokong caching" atau

API Peralihan Svelte menyediakan cara untuk menghidupkan komponen apabila mereka memasuki atau meninggalkan dokumen, termasuk peralihan svelte adat.

Dalam artikel ini kita akan menyelam ke dunia scrollbars. Saya tahu, ia tidak terdengar terlalu glamor, tetapi percayalah, halaman yang direka dengan baik

Berapa banyak masa yang anda habiskan untuk merancang persembahan kandungan untuk laman web anda? Semasa anda menulis catatan blog baru atau membuat halaman baru, adakah anda memikirkan

Dengan pendakian harga bitcoin baru -baru ini lebih dari 20k $ USD, dan baru -baru ini melanggar 30k, saya fikir ia patut mengambil menyelam yang mendalam kembali ke dalam mewujudkan Ethereum

Perintah NPM menjalankan pelbagai tugas untuk anda, sama ada sebagai satu-satunya atau proses berjalan terus untuk perkara seperti memulakan pelayan atau menyusun kod.

Saya hanya berbual dengan Eric Meyer pada hari yang lain dan saya teringat cerita Eric Meyer dari tahun -tahun pembentukan saya. Saya menulis catatan blog mengenai kekhususan CSS, dan
