Efek apabila cursor menyentuh image bergoyang
caranya:
1) Masuk rekening blogger
2) Dashboard> Design> Edit HTML> Tick kotak "Expand Widget Templates"
3) Dengan menggunakan ctrl + F (tekan secara bersamaan pada keyboard), cari kodee
]]></b:skin>
4) Kemudian copy paste kode di bawah sebelum kode]]> </ b: skin> yang korang cari tadi:
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
contoh:
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
]]></b:skin>
7) Klik preview, jika tidak error, klik save dan lihat hasilnya.
Selamat mencoba! :)
0 komentar:
Posting Komentar