CARA - Tambahkan Efek Gambar

Pelajari cara untuk menambahkan efek visual gambar.

Filter CSS

CSS filter properti menambahkan efek visual (like blur and saturation) ke elemen.

Catatan: Filter properti tidak didukung di Internet Explorer, Ujung 12, atau Safari 5.1 dan sebelumnya.

grayscale Contoh

Mengubah warna semua gambar menjadi hitam dan putih (100% gray) :

img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

Original image

grayscale(100%)

Cobalah sendiri "

Blur Contoh

Menerapkan efek blur untuk semua gambar:

img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

Original image

blur(5px)

Cobalah sendiri "

Pergi ke kami CSS filter Property untuk mempelajari lebih lanjut tentang filter CSS.