Cara - Menambahkan Efek Gambar
Pelajari cara menambahkan efek visual ke gambar.
Filter Gambar
Filter CSS
Properti CSS filter
menambahkan efek visual (seperti blur dan saturasi) ke sebuah elemen.
Catatan: Properti filter tidak didukung di Internet Explorer, Edge 12, atau Safari 5.1 dan yang lebih lama.
Contoh skala abu-abu
Ubah warna semua gambar menjadi hitam putih (100% abu-abu):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Contoh Buram
Terapkan efek blur ke semua gambar:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
Buka Properti filter CSS kami untuk mempelajari lebih lanjut tentang filter CSS.