Syaz Harzays Minme: Tutorial : Image Hover ( Blurrr Effect )

Pages

STATUS UPDATED!
Assalamualaikum korang korang and korang... terima kasih kerana sudi singgah kat blog syaz ni.. hihihihi...

2 Jan 2014

Tutorial : Image Hover ( Blurrr Effect )

Assalamualaikumm ^^

hyeppp readerrrrsss.... hihihihih...
tutorial lagi yaaa... hihhihi... macam mana image hover blurr effect??? 
oke33... syaz bagi example kat bawah.. tengok k..

SEBELUM

SELEPAS DISENTUH CURSOR

1. Log In --> Dashboard --> Template --> Edit Html...

2. Tekan F3, then search kod yang dekat bawah :

img {

dah jumpa?? ok next..

3. Copy kod yang dekat bawah ni pulak yee :
-webkit-transition : all 1s ease:
-moz-transition : all 1s ease;
-o-transition : all 1s ease;
-ms-transition : all 1s ease;
 transition: all 1s ease;
}
img:hover {
-webkit-filter : blur(5px); }

4. Dah copy kan..?? PASTE kat bawah kod yang korang search tadi yaa...

5. PREVIEW dulu... then boleh  SAVE kalau puas hati..

SELAMAT MENCUBA ^^

No comments:

Post a comment

Assalamualaikum...
alang-alang dah baca tu..
mintak tolong komen sekali boleh??
hehehehe ^^

Syaz Harzays Minme© . Designed by MaiGraphicDesign