Neste conselho rápido, vamos criar um efeito dinâmico de «zoom ao passar o rato» que dá um toque interativo às imagens das suas páginas. Com o CSS indicado, as imagens aumentam de escala com elegância quando o ponteiro passa por cima. É um efeito com pouco código e uma forma excelente de reforçar o apelo visual do site e envolver os visitantes.
DEMO: zoom ao passar o rato
HTML
<img class="zoom-in" src="YOUR-IMAGE-PATH"/>
CSS
.zoom-in { transition:transform .2s; }
.zoom-in:hover { transform: scale(1.2); }