Ways to Install Effects Zoom In Photo

To install the zoom effect on the picture, for example picture above (move the cursor happiness zoom picture above), the way is very easy.

1) Log in to blogger, dashboard> design> Edit HTML
2) Press the F3 or Ctrl + F. Next type in or paste the code
]]> </ b: skin> Find the space and then press Enter
3) Enter the code below before]]> </ b: skin>

. posts img {
filter: alpha (opacity = 60); / * Internet Explorer * /
opacity: 0.6; / * CSS3 standard * /
-o-transition: all 0.5 s;
-MOZ-transition: all 0.5 s;
-webkit-transition: all 0.5 s;
}
. posts img: hover {
-o-transition: all 0.3s;
-MOZ-transition: all 0.3s;
-webkit-transition: all 0.3s;
-MOZ-transform: scale (1.3);
-o-transform: scale (1.3);
-webkit-transform: scale (1.3);
}

4) Click the preview, and if there are no errors, click save and see the results