Cara membuat gambar menjadi grayscale dengan CSS

Hallo teman-teman pada kesempatan kali ini saya akan memberikan sebuah trik tentang cara membuat efek warna gambar menjadi greyscale dengan HTML dan CSS.
Seperti yang kita ketahui bahwa css memiliki kemampuan untuk memanipulasi objek atau elemen HTML, tidak terkecuali juga pada gambar.
CSS memiliki fungsi filter yang dapat memanipulasi warna pada gambar. Contohnya jika kita akan membuat sebuah gambar menjadi grayscale atau terlihat seperti foto hitam putih, pada kali ini kita akan mempraktekannya dengan mudah.
pertama kita panggil dahulu gambarnya dengan HTML

Lalu kita buat CSS seperti berikut untuk membuatnya menjadi grayscale

Maka contoh hasilnya akan seperti ini

Baiklah teman-teman demikian artikel tentang cara membuat gambar menjadi grayscale dengan mudah. Semoga dapat bermanfaat