Tutorial :- Imej besar apabila disentuh cursor


.Assalamualaikum !
Peacee ^_^v


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

 

Oukeyy , nak tahu macam mana Kelembai 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 .

0 Sayang tinggalkan komen kat SINI :):

Related Posts Plugin for WordPress, Blogger...