Come posso animare le dimensioni di un elemento con i CSS?

Come posso animare le dimensioni di un elemento con i CSS?

La soluzione consiste nel combinare insieme transizioni e trasformazioni CSS.

Il codice è il seguente:


#element {
	transition: all 500ms ease-out;
}

#element:hover {
	transform: scale( 1.5 );
}

La trasformazione scalare aumenta in questo caso le dimensioni dell'elemento di una volta e mezzo.

Torna su