Lo puedes hacer con
transform usando
scale. (
https://developer.mozilla.org/en-US/.../CSS/transform).
Código HTML:
Ver original<a href="#" class="icon"><img src="imagen"/></a> <a href="#" class="icon"><img src="imagen"/></a> <a href="#" class="icon"><img src="imagen"/></a>
Código CSS:
Ver original.icon img {
transition: transform .2s ease; /* Aplicamos transición de 0.2 segundos al transform, con la aniamción "ease" */
}
.icon img:hover {
transform: scale(1.5,1.5); /* Incrementamos el tamaño de la imagen por una vez y media de su tamaño original */
-ms-transform: scale(1.5,1.5); /* IE 9 */
-webkit-transform: scale(1.5,1.5); /* Safari */
}
Un ejemplo vale más que mil palabras:
https://jsfiddle.net/tx1gb96e/.
Saludos!