immobili transizione proprietà CSS3
Esempi
Puntatore sopra un elemento div, e cambiare gradualmente la larghezza della tabella:
{
transition-property:width;
-moz-transition-property: width; /* Firefox 4 */
-webkit-transition-property:width; /* Safari and Chrome */
-o-transition-property:width; /* Opera */
}
div:hover {width:300px;}
Prova »
In fondo a questa pagina per ulteriori esempi.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
属性 | |||||
---|---|---|---|---|---|
transition-property | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Attributo definizioni e le istruzioni
attributo transizione proprietà specifica l'effetto CSS proprietà nametransition (inizierà i previsti cambiamenti di proprietà CSS quando l'effetto di transizione).
Suggerimento: un effetto di transizione, di solito si verifica quando l'utente passa sopra un elemento.
Nota: Specificare sempre di proprietà di transizione della durata, altrimenti la durata di 0, la transizione non avrà alcun effetto.
predefinito: | tutto |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | object .style.transitionProperty = "width, height" |
grammatica
valore | descrizione |
---|---|
nessuno | No proprietà ottenere transizioni. |
tutto | Tutte le proprietà riceveranno effetti di transizione. |
proprietà | Le definizioni si applicano alla proprietà CSS elenco dei nomi effetto di transizione, che separati da virgole. |
Altri esempi
Effetti di transizione - per cambiare entrambe le proprietà
Passa il mouse sopra un elemento div, modificare la larghezza e l'altezza con effetti di transizione.