Friday, 9 December 2011

tuto - gambar membesar bila cursur menyentuh

Waahh . Entry pertama untuk hari ni ! :) Oukeyy  , apa lagi yang terbaru dekat blog Lyssa neyy ? Gambar di entry membesar bila cursor menyentuh ? Opsss* Menarikkan ? Macam Lyssa punya gambar lahh . Cuba halakan cursor di gambar bawah niyy . Jadi besar tak ?

 

Oukeyy , nak tahu macam mana Lyssa buat ? Ikot je step di bawah okey ?


1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak , dan cari kod ini :

<head> 

 3. Dah jumpa ? Copy pulak kod di bawah ini erk ? :

  <style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>

4. Paste kan di bawah kod yang korang carikan tu eh .

5. Then , SAVE !

6. Sekarang  , cuba intai gambar di entry korang ? Membesar tak ? HUHU .

=SELAMAT MENCUBA= 

No comments:

Post a Comment