Vertraging Toevoegen aan CSS-Overgangen
De eigenschap transition-delay bepaalt het tijdsinterval voordat een overgangsanimatie start. Deze eigenschap kan worden gebruikt om overgangssequenties voor verschillende elementen te creëren.
transition-delay: 0.5s | 500ms;
Standaard is de vertragingstijd ingesteld op 0 seconden.
Beschouwing van het volgende voorbeeld. Wanneer de muisaanwijzer over het vierkant wordt bewogen, start de overgangsanimatie na 1 seconde, omdat de transition-delay is ingesteld op 1000 milliseconden.
index.html
index.css
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me the full CSS example with the transition-delay in use?
What other properties can be combined with transition-delay for more complex animations?
How does transition-delay interact with multiple transitions on the same element?
Geweldig!
Completion tarief verbeterd naar 2.08
Vertraging Toevoegen aan CSS-Overgangen
Veeg om het menu te tonen
De eigenschap transition-delay bepaalt het tijdsinterval voordat een overgangsanimatie start. Deze eigenschap kan worden gebruikt om overgangssequenties voor verschillende elementen te creëren.
transition-delay: 0.5s | 500ms;
Standaard is de vertragingstijd ingesteld op 0 seconden.
Beschouwing van het volgende voorbeeld. Wanneer de muisaanwijzer over het vierkant wordt bewogen, start de overgangsanimatie na 1 seconde, omdat de transition-delay is ingesteld op 1000 milliseconden.
index.html
index.css
Bedankt voor je feedback!