Hover Zoom Smootch Effect in Blogger

Gadgets For Blogger - Hover effect related to the quality Smooth Zoom (fine). Divided into two types, namely Zoom Effect Zoom in (enlarge) and Effect Zoom Out (decrease).

Let's take the example of Effect Zoom in and Zoom Out as shown below: :

Hover effect that I discussed here is Effect Hover an object (image, text) that is active when the cursor is directed to the object. Hover effect like this typically use script code, ajax, Jquery or that the quality is good, but you can also use CSS Transitions (transition). It can be concluded that an Object Starting at Scale (1) or (1.0) means that if more than the scale becomes Zoom in, Zoom out, if less be.

Well to be applied in the blogpost (The images on each post) mate? Of course with the Zoom In, Zoom out how to try that: D but it's up buddy. Let's refer to the following coverage: D.

• First of all, as usual login blogger.com

• Go to Edit HTML → Design → Check the Expand Widget Templates slalu → Put the following code right above ]]></ b: skin>


.post 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); }


The code in bold is the code time between small changes to the enlarged per Sekon.

• Then Save Html.

Well, it's so:) See you at the next episode. I will share a variety of other interesting things to my friend;)
Farixantips