sifat gaya penyaring

Mengatur efek bayangan pada gambar. Bayangan disintesis pada gambar di bawah, mungkin ada ambiguitas, warna tertentu dapat menggambar diagram topeng versi offset. Fungsi menerima <shadow> nilai (didefinisikan dalam latar belakang CSS3) jenis, selain "inset" kata kunci tidak diperbolehkan. Fungsi dengan kotak-shadow properti kotak-bayangan yang ada sangat mirip, kecuali bahwa, melalui filter, beberapa browser untuk kinerja yang lebih baik memberikan akselerasi hardware. <shadow>参数如下：

<Offset-x> <offset- y> ( harus)

Hal ini diatur dua bayangan diimbangi <panjang> nilai. <Offset-x> Preferences jarak horizontal drop shadow muncul pada elemen kiri. <Offset-y> untuk mengatur jarak vertikal drop bayangan muncul di atas elemen. Lihat <panjang> mungkin unit.
Jika kedua nilai adalah 0, bayangan muncul di belakang elemen positif (jika diatur   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Blur-radius> (opsional)

Ini adalah kode ketiga> <panjang> nilai. Semakin tinggi nilai, semakin kabur bayangan akan menjadi lebih besar dan lebih banyak cahaya. Jika tidak diizinkan untuk menetapkan nilai negatif, default adalah 0 (perbatasan bayangan yang tajam).

<Spread-radius> (opsional)

Ini adalah keempat <panjang> nilai nilai akan bayangan ekspansi dan lebih besar, bayangan negatif akan berkurang. Jika tidak diatur, default adalah 0 (bayangan dan elemen ukuran yang sama).
Catatan: Webkit, serta beberapa browser lain tidak mendukung panjang keempat, jika kenaikan tidak akan diberikan.

<Warna> (opsional)

Lihat <warna> nilai kata kunci dan tag mungkin. Jika tidak diatur, nilai warna berbasis browser. Gecko (Firefox), Presto (Opera ) dan Trident (Internet Explorer) di, akan menerapkan atribut warna nilai warna. Selain itu, jika nilai warna dihilangkan, WebKit berbayang transparan.

Mengkonversi gambar ke grayscale. Ini mendefinisikan nilai rasio konversi. Nilai dari 100% benar-benar dikonversi ke gambar grayscale, nilai 0% dari gambar tidak berubah. Nilai antara 0% dan 100%, efek multiplier adalah linear. Jika tidak diatur, nilai default adalah 0;

Aplikasi untuk rotasi gambar rona. image "Angle" sudut cincin warna adalah nilai disesuaikan nilai yang ditetapkan. Nilai 0deg, perubahan gambar. Jika nilai tidak diatur, nilai default adalah 0deg. Meskipun tidak ada nilai maksimum yang melebihi nilai setara dengan 360deg perimeter lain.

Pembalik input gambar. Ini mendefinisikan nilai rasio konversi. 100% dari nilai benar-benar terbalik. Nilai 0%, gambar tidak berubah. Sebuah nilai antara 0% dan 100%, efek multiplier adalah linear. Jika nilai tidak diatur, nilai default adalah 0.

tingkat konversi transparansi gambar. Ini mendefinisikan nilai rasio konversi. 0% benar-benar transparan, dan nilai 100%, gambar tidak berubah. Sebuah nilai antara 0% dan 100%, efeknya linear multiplier, dikalikan dengan jumlah sampel juga setara dengan gambar. Jika nilai tidak diatur, nilai default adalah 1. Fungsi ini sangat mirip dengan properti opacity yang ada, kecuali bahwa melalui filter, dalam rangka meningkatkan kinerja beberapa browser akan memberikan akselerasi hardware.

Mengubah saturasi gambar. Ini mendefinisikan nilai rasio konversi. 0% sepenuhnya tak jenuh, tidak ada perubahan dalam gambar adalah 100%. nilai lain, efek multiplier adalah linear. Lebih dari 100% dari nilai diperbolehkan, ada kejenuhan yang lebih tinggi. Jika nilai tidak diatur, nilai default adalah 1.

Mengkonversi gambar ke sepia. Ini mendefinisikan nilai rasio konversi. Nilai 100% sepenuhnya coklat gelap, adalah 0% dari gambar tidak berubah. Nilai antara 0% dan 100%, efek multiplier adalah linear. Jika tidak diatur, nilai default adalah 0;

Fungsi URL mengambil file XML, yang menetapkan SVG filter, dan mungkin termasuk jangkar untuk menentukan elemen filter tertentu.

Sebagai contoh:

filter: url(svg-url#element-id)

Properti diatur ke nilai default, lihat: CSS Kata Kunci Awal