Tutorial : Image Hover Effect 1

Tuesday, November 27, 2012


Assalamualaikum

Benda ni dah lama dah buat . cuma hold je dulu . tunggu masa yang sesuai . seriously , code takde copy dekat mana mana pon . aku belajar buat sendiri . search je dekat google . macam macam ada . okay  .

LIVE PREVIEW



Berminat nak buat image hover gitu ? meh aku ajar okay .

1) For Classic Template :

Copy code di bawah . and paste ATAS </style>

img {
-webkit-filter: contrast(5) grayscale(1);
-webkit-transition:1000ms;
}
img:hover {
-webkit-filter: contrast(1) grayscale(0);
-webkit-transition:1000ms;
}

Save and siap .

2) For Template Designer :

Copy code di bawah . and paste ATAS ]]></b:skin> 


img {
-webkit-filter: contrast(5) grayscale(1);
-webkit-transition:1000ms;
}
img:hover {
-webkit-filter: contrast(1) grayscale(0);
-webkit-transition:1000ms;
}

Save and siap .

Amacam . jadi tak macam aku punya preview ? ada banyak lagi yang lain . akan di update kemudian . kbai o/

No comments:

Post a Comment

Template Designer. Full Edit by Hafiz Zulkafly. All Right Reserved.