Ampliación & Reducción En Imágenes [Efecto Hover]

AMPLIACIÓN:

Vamos A Diseño --> Edicion HTML.
Buscamos En Nuestra Plantilla La Etiqueta ]]></b:skin>
Arriba De Ella Pegamos:

img{
-webkit-transform: scale( 1.0) rotate( 0deg);
-moz-transform: scale( 1.0) rotate( 0deg);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
.img:hover{
-webkit-transform: scale( 1.2) rotate( 0deg);
-moz-transform: scale( 1.2) rotate( 0deg);}

Podemos Agregarle Un Efecto "De Giro":

img{
-webkit-transform: scale( 1.0) rotate( 0deg);
-moz-transform: scale( 1.0) rotate( 0deg);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
.img:hover{
-webkit-transform: scale( 1.2) rotate( 8deg);
-moz-transform: scale( 1.2) rotate( 8deg);}

REDUCCION:

Vamos A Diseño --> Edicion HTML.
Buscamos En Nuestra Plantilla La Etiqueta ]]></b:skin>
Arriba De Ella Pegamos:

img{
-webkit-transform: scale( 1.0) rotate( 0deg);
-moz-transform: scale( 1.0) rotate( 0deg);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
.img:hover{
-webkit-transform: scale( 0.8) rotate( 0deg);
-moz-transform: scale( 0.8) rotate( 0deg);}

Podemos Agregarle Un Efecto "De Giro":

img{
-webkit-transform: scale( 1.0) rotate( 0deg);
-moz-transform: scale( 1.0) rotate( 0deg);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
.img:hover{
-webkit-transform: scale( 0.8) rotate( 8deg);
-moz-transform: scale( 0.8) rotate( 8deg);}

Espero Les Sea Util!*~
Icon by Shiro.