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

Conteúdo do Curso

Advanced CSS Techniques

Advanced CSS Techniques

1. Getting Started with Advanced CSS
2. Mastering CSS Positioning
3. Creating Smooth Transitions in CSS
4. Advanced CSS Animations
5. Transforming Elements with CSS
6. Responsive Web Design in CSS
7. CSS Preprocessors and Sass

book
Adding Delay to CSS Transitions

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.html

css

index.css

copy
question mark

What does the transition-delay property control?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
We're sorry to hear that something went wrong. What happened?
some-alt