Come creare: ingrandimento quando l'utente passa il mouse sopra

Impara come utilizzare CSS per ingrandire gli elementi quando l'utente passa il mouse sopra.

Ingrandimento quando l'utente passa il mouse sopra

Metti il mouse sopra la scatola verde:

Come ingrandire quando l'utente passa il mouse sopra

<style>
.zoom {
  spaziatura: 50px;
  colore_sfondo: verde;
  trasformazione: transform .2s; /* Animazione */
  larghezza: 200px;
  altezza: 200px;
  margin: 0 auto;
}
.zoom:hover {
  transform: scala(1.5); /* (150% zoom - Attenzione: se la scala è troppo grande, supererà l'area visibile) */
}
</style>
<div class="zoom"></div>

Prova personalmente

Pagine correlate

Tutorial:Trasformazione CSS