Creare un effetto Zoom su immagini con CSS3

 

In questo articolo vedremo come, senza l’ausilio di alcun codice javascript, è possibile creare un ottimo effetto zoom sulle immagini al semplice passaggio del mouse. Qui di seguito potete vedere il risultato finale. Basta spostare il mouse sopra le immagini.

Il codice HTML da implementare

Codice CSS3 da associare

Questo è tutto. Tale codice è naturalmente compatibile con tutti gli ultimi browser che supportano le transizioni CSS. Buon lavoro!

pixolo ads
Cambia Copertina
6637 | Articolo pubblicato 4 anni fa nella categoria Css - Html, In evidenza.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
4
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×