Change Image Color dengan CSS3

Publish Date : 04-08-2017 , dibaca 6958 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial kali ini admin akan membagikan trik untuk Mengubah Warna Gambar saat H:over dengan CSS3 , dengan menggunakan CSS3 kita dapat memberikan efek perubahan warna gambar JPG, PNG  maupun bentuk lainnya, perubahan warna gambar yang kita sorot , bukan berarti gambar tersebut memang berubah warna, namun ini terjadi karena efek CSS yang kita gunakan

untuk Lebih Jelasnya Perhatikan gambar dibawah ini :

change color image hover css3

Membuat Efek Warna Berubah dengan CSS3  :

<style>
a:hover img {
filter: hue-rotate(180deg);
    -webkit-filter: hue-rotate(180deg);
    -moz-filter: hue-rotate(180deg);
    -o-filter: hue-rotate(180deg);
    -ms-filter: hue-rotate(180deg);}
</style>
<a href=#><img src="penggajian.png"></a>`

Jangan Lupa,,ganti nama gambar "penggajian.png" dengan gambar di komputer anda.. dan save, lalu jalankan

Produk Rekomendasi

Artikel Terkait

Diskusi



wa