Overgangen Combineren
Alle overgangsgerelateerde eigenschappen kunnen in één regel worden gecombineerd.
transition: <property> <time> <time_function> <delay>;
Stel dat er een overgangseigenschap aan het element moet worden toegevoegd. Verwacht wordt:
- de wijziging van de eigenschap
background-color; - de tijdsduur is
1.2s; - de tijdsfunctie moet
ease-in-outzijn; - de vertraging is
250ms.
Lange vorm
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Verkorte vorm
transition: background-color 1200ms ease-in-out 250ms;
Opmerking
Er is geen verschil in syntaxis voor de browser. We kunnen elke optie kiezen die we het prettigst vinden.
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 explain what each part of the shorthand transition property does?
Are there other properties besides background-color that can be transitioned?
Why would I use the shorthand form instead of the long form?
Awesome!
Completion rate improved to 2.08Overgangen Combineren
Veeg om het menu te tonen
Alle overgangsgerelateerde eigenschappen kunnen in één regel worden gecombineerd.
transition: <property> <time> <time_function> <delay>;
Stel dat er een overgangseigenschap aan het element moet worden toegevoegd. Verwacht wordt:
- de wijziging van de eigenschap
background-color; - de tijdsduur is
1.2s; - de tijdsfunctie moet
ease-in-outzijn; - de vertraging is
250ms.
Lange vorm
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Verkorte vorm
transition: background-color 1200ms ease-in-out 250ms;
Opmerking
Er is geen verschil in syntaxis voor de browser. We kunnen elke optie kiezen die we het prettigst vinden.
Bedankt voor je feedback!
