Contoh-contoh CSS Scipt Hover Gambar Cantik

Contoh 1
Efek Hover Transparan (CSS Image Opacity)
Efek ini terjadi dengan merubah Image Opacity gambar dari 0.1 sampai 1.0

Code  CSS nya :

.img1:hover {opacity:0.3;filter:alpha(opacity=30); /* For IE8 and earlier */

catatan :ganti opacity 0.3 dan 30 sesuai selera Anda


Contoh 2
Efek Hover Berputar ( 360 degree rotate image )
catatan : ganti rotation degree 360deg sesuai selera

Contoh 3
Efek Hover Spin and Zoom 



catatan: ganti scale dari 1.2 sampai 1.5 untuk perbesar gambar


Contoh 4
Efek Hover Efek Zoom
catatan: ganti scale 1.5 sesuai selera


Contoh 5
Efek Hover Efek Transform


Contoh 6
Efek Hover Efek Moving


Contoh 7
Efek Hover Efek Border Transform
catatan : ganti border sesuai selera

Label: