English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS transition-delay definisce quando inizia la transizione (ad esempio, un valore di 2s indica che la transizione inizierà 2 secondi dopo l'applicazione). Il valore può essere specificato in secondi o millisecondi.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sua sintassi di utilizzo nel script JavaScript.
| Valore predefinito: | 0s |
|---|---|
| Applicabile a: | Tutti gli elementi::before e::after Elementi pseudo |
| Ereditarietà: | Nessuno |
| Animabile: | No.Si prega di consultare Proprietà dell'animazione。 |
| Versione: | Nuova funzione CSS3 |
| Sintassi JavaScript: | oggetto.style.transitionDelay="3s" |
La sintassi di questa proprietà è la seguente：
transition-delay: time | initial | inherit
Ecco un esempio che dimostra come utilizzare l'attributo transition-delay.
button {
background: #fd7c2a;
/* Per Safari 3.0+ */
-webkit-transition-property: background;
-webkit-transition-duration: 4s;
-webkit-transition-delay: 2s;
transition-property: background;
transition-duration: 4s;
transition-delay: 2s;
}
button:hover {
background: #3cc16e;
}Prova a vedere‹/›Attenzione：Questa proprietà permette valori negativi. Tuttavia, sembra iniziare nel mezzo del ciclo di transizione, ad esempio, un ritardo di transizione di -2s fa iniziare immediatamente la transizione, ma inizia dopo 2 secondi dal suo inizio.
La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| time | Definisce il numero di secondi o millisecondi da aspettare prima dell'inizio della transizione. Il valore predefinito è 0s. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo transition-delay dell'elemento padre. |
Compatibilità dei browser per l'attributo transition-delay, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Ecco alcune guide da consultare：CSS3 Transitions。
Proprietà correlate：transition，transition-duration，transition-property，transition-timing-function。