Bagaimana untuk membuat: Tambah kesan imej

Belajar bagaimana untuk menambah kesan visual kepada imej.

Filter imej

亲自试一试

Filter CSS

CSS filter Atribut menambahkan kesan visual kepada elemen (seperti halus dan kepadatan).

Perhatian:Internet Explorer, Edge 12 atau Safari 5.1 dan versi sebelumnya tidak mendukung filter Atribut.

contoh kelabuan

Ubah warna semua imej kepada hitam-putih (100% kelabuan):

Tulip
imej asal
Tulip
Kelabuan (100%);
img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

亲自试一试

contoh halus

Apply kesan halus kepada semua imej:

Tulip
imej asal
Tulip
haluskan (5 piksel);
img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

亲自试一试

相关页面

参考手册：CSS filter 属性