Tuto header pusing 360 degree
hye korang. lamak dah xupdate kan. arie nie ieqa nak kasi tuto pasal bila cursor pegi kat header, header akan pusing 360 degree like my header. :)
senang jak. :)
1. dashboard > template > edit HTML
2. Tekan F3 tu cari code </style>
3. then, cari code kat header korang.
eg: <center><img src="URL HEADER" /></center>
4. kalau dah jumpa, korang tukarkan kod korang yang tadi tue jadi macam nie.
<center><img class="header" src="URL HEADER" /></center>
5. Then, korang tekan F3 dan cari pulak code
<style type="text/css">
6. copy code kat bawah nie
.header {
text-align: center;
-webkit-transition: 1.0s;
opacity:100;
}
.header:hover {
-webkit-transition-duration: 1s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
7. Pastekan kat code yang korang cari tadi.
8. Preview & save.
selamat mencuba.
Post a Comment
Asslamualaikum~
thanks for the comments. no harsh word ok. :)