Setting Transition Duration for Effects
We use the transition-duration
property to specify the time during which the transition should occur. This property is expressed in seconds (e.g., 3s
or 0.45s
) or milliseconds (e.g., 3000ms
or 450ms
). When the duration of a transition is not explicitly defined, the change happens instantaneously.
transition-duration: 3s | 3000ms;
Let's run the following example to see what behaviors we can get. Please, hover over the container, and the transition will start for all elements. The difference is in the duration of the transition.
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.
Awesome!
Completion rate improved to 2.04
Setting Transition Duration for Effects
Veeg om het menu te tonen
We use the transition-duration
property to specify the time during which the transition should occur. This property is expressed in seconds (e.g., 3s
or 0.45s
) or milliseconds (e.g., 3000ms
or 450ms
). When the duration of a transition is not explicitly defined, the change happens instantaneously.
transition-duration: 3s | 3000ms;
Let's run the following example to see what behaviors we can get. Please, hover over the container, and the transition will start for all elements. The difference is in the duration of the transition.
index.html
index.css
Bedankt voor je feedback!