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

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

transition-delay: 0.5s | 500ms;

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.

index.html

index.html

index.css

index.css

copy
question mark

What does the transition-delay property control?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Mi faccia domande su questo argomento

Riassuma questo capitolo

Mostri esempi dal mondo reale

Awesome!

Completion rate improved to 2.04

bookAdding Delay to CSS Transitions

Scorri per mostrare il menu

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

transition-delay: 0.5s | 500ms;

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.

index.html

index.html

index.css

index.css

copy
question mark

What does the transition-delay property control?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5
some-alt