Proprietà CSS transition-property

definizione-e-uso

l'attributo transition-property specifica il nome dell'attributo CSS su cui viene applicato l'effetto di transizione. (l'effetto di transizione inizia quando cambia l'attributo CSS specificato).

suggerimento:l'effetto di transizione di solito si verifica quando l'utente mette il puntatore del mouse sopra l'elemento.

nota:impostare sempre durata-del-passaggio l'attributo deve essere sempre impostato, altrimenti se il tempo è 0 non verrà generato l'effetto di transizione.

per-approfondire:

lezioni-CSS:Transizione CSS

manuale-di-riferimento-HTML-DOM:proprietà transitionProperty

esempio

metti il puntatore del mouse sull'elemento div e verrà generato un effetto di transizione con cambiamento liscio della larghezza dell'elemento:

div {
  transition-property: larghezza;
}

prova-da-sè

sintassi-CSS

transition-property: none|all|proprietà;

valore-della-proprietà

valore descrizione
nessuna nessuna proprietà riceverà l'effetto di transizione.
all tutte le proprietà riceveranno l'effetto di transizione.
proprietà elenco dei nomi delle proprietà CSS che definiscono l'effetto di transizione applicato, separati da virgola.

dettagli-tecnici

valore-predefinito: all
ereditarietà: no
versione: CSS3
sintassi JavaScript: oggetto.style.transitionProperty="larghezza,altezza"

supporto-del-browser

i numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

i numeri con -webkit-、-moz- o -o- rappresentano la prima versione con prefisso utilizzata.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-