Change Image Color dengan CSS3

Posted in HTML & CSS Life at 04 Agustus 2017 With 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

Artikel Rekomendasi

Artikel Terkait

Diskusi

wa