Loading... Please wait

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! :)

Masukkan alamat email kamu disini:

Posting Keren Lainnya : Bloggeron

0 komentar:

:f :D :x B-) b-( :@ x( :? ;;) :-B :| :)) :(( =(( :s :-j :-p :-o :-g :-x

Posting Komentar

Diberdayakan oleh Blogger.

Recent Posts With Thumbnails v3

Recent Posts With Thumbnails v3