contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

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 :

▼ Download Source Code 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