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

 

27 Februari 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat