Tutorial: Image Hover ( zoom )

assalamualaikum

okay, kali ni tutorial untuk image hover yang ketiga. tutorial kali ni, bila sentuh gambar, gambar tu akan membesar. okay tak nak bebel banyak. jom cuba!

Classic Template/ Blogskin

1. Dashboard > Template

2. F3, search code </style>

Simple Template

1. Dashboad > Design > Edit HTML > Tick Expand Widget Template

2. Tekan F3, search code /*Header

3. Copy code dekat bawah ni, 

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;
}

4. Then, paste dekat atas code </style> atau /*Header
5. Preview dan Save

ada masalah? comment :)