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