Hallo sahabat Dumet, pada tulisan sebelumnya sahabat sudah belajar mengenai efek filter greyscale, blur, hue-rotate, saturate dan sephia. Kali ini kita akan belajar bagaimana membuat efek filter contrast. Kita bisa mengatur seberapa kuat warna yang akan di tampilkan gambar. Caranya sangat mudah sekali, silahkan sahabat buat struktur HTML nya seperti berikut ini.

Membuat Efek Filter Contrast Pada CSS

Kemudian berikan style CSS nya seperti berikut ini.

Kemudian berikan style CSS nya seperti berikut ini.

Untuk melihat hasilnya, tentu sahabat harus menjalankannya pada browser kesayangan sahabat. Jangan lupa upgrade versi terbaru browsernya ya, agar efek filter ini bisa berjalan dengan baik. Berikut hasil ketika dijalankan pada browser.

Membuat Efek Filter Contrast Pada CSS

Keren yah, dengan fitur terbaru CSS saja kita sudah dapat merubah berbagai efek pada sebuah gambar.

Cukup sampai disini dulu ya sahabat, kita bertemu lagi pada tulisan saya selanjutnya. Selamat belajar dan sampai jumpa. 🙂