December 8, 2013

Tutorial : Image Hover #4 ( Zoom )


Image hover nie bila kita halakan cursor dan image tu akan membesar atau zoom laa kan . huhu

BLOGSKIN :-

 Dashboard -> Tamplate -> Edit Tamplate Html

 Copy kod kat bawah nie dan pastekan dekat atas kod </style>


img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s; -webkit-transition: 0.5s;
}


DENIM TAMPLATE :-

  Copy kod kat bawah nie dan pastekan kat atas kod /* Header


img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s; -webkit-transition: 0.5s;
}


 SAVE :D

No comments:

Post a Comment

Thanks for leave your comments :D