Syaz Harzays Minme: Tutorial : Image Hover ( B&W 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 ( B&W Effect )

Assalamualaikum...
hyepppp you all..
ari ni nak buat tuto tuto and tuto je oke... hihhii...
dah mula keja susah nak berblogging sangat..
.. so.. syaz ambik kesempatan ni nak buat tuto je laaa... hihihihi ^^
oke3... tau ke macam mana image hover B&W EFFECT??? 
kalau tak tahu.. tengok gambar dekat bawah oke... :)

SEBELUM

SELEPAS DISENTUH CURSOR

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

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

img {

dah jumpa kan..??

3. Copy kod yang dekat bawah ni pulak :

  -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: grayscale(100%);
}
4. Dah copy?? boleh PASTE dekat bawah kod yang korang search tadi oke..

5. Korang PREVIEW la dulu... kalau oke.. SAVE..

SELAMAT MENCUBA ^^

1 comment:

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

Syaz Harzays Minme© . Designed by MaiGraphicDesign