Assalamualaikum
Hari ni rasa macam nak bagi tutorial image hover effect . Aku belajar dekat satu laman web ni . lupa apa laman web dia . macam macam effect korang boleh buat . so kalau nak guna , sila lah komen , kredit ? terpulang .
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-JH1J3A19Br8vRFTH1yGcA2GvKQlR5vBz32Kl06fmbYpcaG-I3A4CBatszx899JQoFh06DY1pxIm3Hz50C6960oilN1bFDurEYl6b4jgMKOrokugwmXAtRcZkbxQnrU2kXMIARlxrco/s1600/341781059190625152_KzKVDcc6_c_large.jpg)
LIVE PREVIEW HERE
For Template Designer User :
Dashboard > Template > Edit HTML . Ctrl + F perkataan ni ]]></b:skin> . Jumpa ? PASTE code bawah ni dekat ATAS code yang korang dah cari tadi .
img {
border:5px solid #fff;
box-shadow:0px 0px 2px #333;
-moz-transition:1500ms;
-webkit-transition:1500ms;
}
img:hover {
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-transition:1500ms;
-moz-transition:1500ms;
}
Save and Siap .
For Classic Template User :
Dashboard > Template . Ctrl + F perkataan ni </style> . Kemudian paste code dekat bawah ni dekat ATAS code yang korang cari tadi .
img {
border:5px solid #fff;
box-shadow:0px 0px 2px #333;
-moz-transition:1500ms;
-webkit-transition:1500ms;
}
img:hover {
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-transition:1500ms;
-moz-transition:1500ms;
}
Save and Siap .
Mudah je kan . amacam . awesome tak hover effect tu ? hehehe . actually ada banyak lagi yang lain . akan update dari masa ke semasa . kbai o/
Saya guna ya :)
BalasPadamWah, hover ni awesome :D
BalasPadamlame dah cari tuto nih . thanks yep !
BalasPadam:D
Bloglist blog apis. senang nak gunaa tuto apis. kreatif (y)
BalasPadamsaya guna :D ohsem hover ni >.<
BalasPadam