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 ^^
Tutorial yang menarik . :)
ReplyDelete