Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/03/2016, 20:57
Avatar de mardojai
mardojai
 
Fecha de Ingreso: noviembre-2012
Ubicación: Lima, Perú
Mensajes: 137
Antigüedad: 12 años
Puntos: 44
Respuesta: Se mueve todo dentro del footer.

Lo puedes hacer con transform usando scale. (https://developer.mozilla.org/en-US/.../CSS/transform).

Código HTML:
Ver original
  1. <a href="#" class="icon"><img src="imagen"/></a>
  2. <a href="#" class="icon"><img src="imagen"/></a>
  3. <a href="#" class="icon"><img src="imagen"/></a>

Código CSS:
Ver original
  1. .icon img {
  2.   transition: transform .2s ease; /* Aplicamos transición de 0.2 segundos al transform, con la aniamción "ease" */
  3. }
  4. .icon img:hover {
  5.   transform: scale(1.5,1.5); /* Incrementamos el tamaño de la imagen por una vez y media de su tamaño original */
  6.   -ms-transform: scale(1.5,1.5); /* IE 9 */
  7.   -webkit-transform: scale(1.5,1.5); /* Safari */
  8. }

Un ejemplo vale más que mil palabras: https://jsfiddle.net/tx1gb96e/.

Saludos!
__________________
El que supera a otros es poderoso, y el que se supera a sí mismo es invencible.
__________________
Si te sirvió puntúa.