Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Legge til forsinkelse i CSS-overganger | Lage Jevne Overganger i CSS
Avanserte CSS-teknikker

bookLegge til forsinkelse i CSS-overganger

Egenskapen transition-delay bestemmer tidsintervallet før en overgangsanimasjon starter. Den kan brukes til å lage overgangssekvenser for ulike elementer.

transition-delay: 0.5s | 500ms;

Som standard er forsinkelsestiden satt til 0 sekunder.

Se følgende eksempel. Når vi holder musepekeren over firkanten, vil overgangsanimasjonen starte etter 1 sekund, siden transition-delay er satt til 1000 millisekunder.

index.html

index.html

index.css

index.css

copy
question mark

Hva kontrollerer egenskapen transition-delay?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.04

bookLegge til forsinkelse i CSS-overganger

Sveip for å vise menyen

Egenskapen transition-delay bestemmer tidsintervallet før en overgangsanimasjon starter. Den kan brukes til å lage overgangssekvenser for ulike elementer.

transition-delay: 0.5s | 500ms;

Som standard er forsinkelsestiden satt til 0 sekunder.

Se følgende eksempel. Når vi holder musepekeren over firkanten, vil overgangsanimasjonen starte etter 1 sekund, siden transition-delay er satt til 1000 millisekunder.

index.html

index.html

index.css

index.css

copy
question mark

Hva kontrollerer egenskapen transition-delay?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5
some-alt