CSS3: escalar imagen al hacer hover

Escalar un imagen utilizando solo CSS3 es realmente sencillo empleando el método scale() de transform. Es este ejemplo vamos a escalar la imagen un 50% más de su tamaño original al situarnos encima de ella (hover). Con este método podemos agrandar o encoger una imagen fácilmente sin utilizar javascript.

img:hover{ 
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

Podéis ver el ejemplo en funcionamiento en la siguiente demo.

[demo]