Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Viiveen Lisääminen CSS-siirtymiin | Sulavien Siirtymien Luominen CSS:llä
Edistyneet CSS-tekniikat

bookViiveen Lisääminen CSS-siirtymiin

transition-delay-ominaisuus määrittää aikavälin ennen siirtymäanimaation alkamista. Sitä voidaan hyödyntää luotaessa siirtymäjärjestyksiä eri elementeille.

transition-delay: 0.5s | 500ms;

Oletusarvoisesti viiveaika on asetettu arvoon 0 sekuntia.

Tarkastellaan seuraavaa esimerkkiä. Kun osoitin viedään neliön päälle, siirtymäanimaatio alkaa 1 sekunnin kuluttua, koska transition-delay on asetettu arvoon 1000 millisekuntia.

index.html

index.html

index.css

index.css

copy
question mark

Mitä transition-delay-ominaisuus ohjaa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.04

bookViiveen Lisääminen CSS-siirtymiin

Pyyhkäise näyttääksesi valikon

transition-delay-ominaisuus määrittää aikavälin ennen siirtymäanimaation alkamista. Sitä voidaan hyödyntää luotaessa siirtymäjärjestyksiä eri elementeille.

transition-delay: 0.5s | 500ms;

Oletusarvoisesti viiveaika on asetettu arvoon 0 sekuntia.

Tarkastellaan seuraavaa esimerkkiä. Kun osoitin viedään neliön päälle, siirtymäanimaatio alkaa 1 sekunnin kuluttua, koska transition-delay on asetettu arvoon 1000 millisekuntia.

index.html

index.html

index.css

index.css

copy
question mark

Mitä transition-delay-ominaisuus ohjaa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 5
some-alt