Zoom immagine al passaggio (CSS)
Ingrandisce dolcemente qualsiasi immagine al passaggio del cursore e la porta in primo piano.
Codice da copiare
/* Smoothly scale up any image when the pointer hovers over it. */
img {
transition: transform 0.2s ease;
}
img:hover {
transform: scale(1.6);
position: relative;
z-index: 9999;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.