Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Transition Time Delay | Transitions
Advanced CSS Techniques
course content

Course Content

Advanced CSS Techniques

Advanced CSS Techniques

1. Introduction
2. Item Positioning
3. Transitions
4. Animations
5. Transformations
6. Adaptive/responsive websites and apps
7. Preprocessors

bookTransition Time Delay

The transition-delay property determines the time interval before a transition animation starts. It can be utilized in creating transition sequences for various elements.

By default, the delay time is set to 0 seconds.

Let's consider the following example. When we hover over the square, the transition animation will begin in 1 second, as the transition-delay is set to 1000 milliseconds.

html

index

css

index

js

index

copy
What does the `transition-delay` property control?

What does the transition-delay property control?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 5
some-alt