Senarai Tutorial

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);

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 tiada error, klik save dan lihat hasilnya.

Selamat mencuba! :)

* efek ini hanya berkesan pada browser mozila firefox


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

3 komen budak comel:

syeera steady said...

sis,tolong sye ..bleh tension sye di buat nye.please tlong sye.,.

Midori. said...

en mi blog no funciona este tutorial :(

Unknown said...

thank ya ! for the tutorial ...
thank .. coz sudi kogsi elmuu ..
^^,

Copyright© All Rights Reserved Jombinabelog.blogspot.com