Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada Kesempatan kali ini saya akan membahas tentang Cara Membuat Gambar Menjadi Hitam Putih dengan CSS3. Hal yang harus teman-teman ketahui bahwa didalam property CSS mempunyai berbagai macam effect yang sangat luar biasa atau tidak kalah dengan software design seperti Photoshop. Dan berikut ini kita akan mempraktekan salah satu property css yang mempunyai effect luar biasa.

Oke Langsung saja, pertama-tama teman-teman buat terlebih dahulu sebuah folder dan berikan nama terserah teman-teman, kemudian teman-teman cari sebuah gambar digoogle atau bisa menggunakan gambar yang saya gunakan seperti dibawah ini :

cara membuat gambar menjadi hitam putih dengan css3

Jika sudah berarti didalam folder tersebut kita sudah mempunyai satu buah file gambar ya teman-teman, dan langkah selanjutnya silahkan teman-teman jalankan/run text-editor yang teman-teman gunakan dan ketik/copy script HTML dibawah ini :

Jika sudah simpan file HTML tsb dan letakan sejajar dengan gambar didalam folder yang tadi kita buat, oke lanjut langkah berikutnya silahkan coba teman-teman jalankan terlebih dahulu file HTML nya ke browser yang teman-teman gunakan maka akan terlihat gambar ya teman-teman pada browser. Namun masih mempunya warna dasar dari gambar tsb ya teman-teman.

Oke langkah selanjutnya teman-teman buka kembali file htmlnya kedalam text-editornya lalu kemudian masukan atau ketik script CSS seperti dibawah ini dan letakan diantara tag head pada html :

Jika sudah dengan CSSnya, silahkan coba teman-teman refresh kembali atau jalankan/run dibrowser yang teman-teman gunakan. Dan jika berhasil maka hasilnya akan sama seperti pada gambar dibawah ini :

cara-membuat-gambar-menjadi-hitam-putih-dengan-css3

Bagaimana teman-teman ? sangat luar biasa yah property yang ada pada CSS hehe. Dan untuk pengembangannya silahkan teman-teman cari tahu property property yang lain pada css.

Oke kalau begitu cukup sampai disini dahulu pembahasan saya tentang Cara Membuat Gambar Menjadi Hitam Putih dengan CSS3. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih