Efek Mengubah Warna pada Gambar

Efek Mengubah Warna pada Gambar - Tutorial berikut yang akan saya bagikan yaitu mengenai efek mengubah warna pada sebuah objek, dimana akan terjadi perubahan warna ketika kita melakukan hover atau menyorot kursor terhadap gambar. Pada kasus ini, saya akan menggunakan CSS untuk melakukan efek perubahan warna terhadap objek yakni gambar. Baik, langsung saja kita akan mulai praktekan tutorial Efek Mengubah Warna pada Gambar berikut ini.

Langkah 1 : Efek Mengubah Warna pada Gambar

Karena pada kasus yang kita buat menggunakan objek gambar sebagai efeknya, untuk itu sebelum memulai pada penulisan sintak - sintak, silahkan kalian siapkan 1 gambar sebagai bahannya. Silahkan kalian bisa menggunakan gambarnya dibawah ini.

Langkah 2 : Efek Mengubah Warna pada Gambar

Langkah selanjutnya, barulah kita mulai pada tahap penulisan sintak - sintaknya, sintak pertama yang kalian harus ketikan yaitu membuat struktur awal dan menyisipkan gambarnya dengan sintak HTML berikut ini.

Langkah 3 : Efek Mengubah Warna pada Gambar

Selanjutnya, setelah membuat strukturnya seperti diatas, kita akan ketikan sintak CSS untuk membuat efek perubahan warna pada gambarnya. Ketikan sintak CSSnya berikut ini.

Setelah semua sintak diatas telah diketikan, simpan filenya kemudian kalian bisa buka pada browser masing - masing dan lihat hasinya, dan jika kalian arahkan kursor terhadap gambar akan terjadi perubahan warna seperti diawal saya jelaskan. Selesai

Bagaimana, cukup mudah bukan ? baiklah, cukup sekian tutorial sederhana mengenai Efek Mengubah Warna pada Gambar, semoga tutorial ini bisa bermanfaat. Selamat mencoba :)