Ensiklopedia Doktor Chenta

Monday, 13 February 2012

efek senget apabila cursor menyentuh image

Preview:

Menarik bukan?

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

]]></b:skin>
 4) Kemudian copy paste kod di bawah sebelum kod ]]></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);
 7) Klik preview, jika tiada error, klik save dan lihat hasilnya.

No comments: