CSS animation-delay ominaisuus

Määrittely ja käyttö

animation-delay Ominaisuus määrittelee, milloin animaatio alkaa.

animation-delay-arvot ovat sekunneissa tai millisekunneissa.

Vinkki:Sallii negatiiviset arvot, -2s aloittaa animaation välittömästi, mutta ohittaa 2 sekuntia ennen animaation jaksoa.

Katso myös:

CSS3-opetusohjelma:CSS-animaatio

HTML DOM -viittausoppikirja:animationDelay-ominaisuus

Esimerkki

Esimerkki 1

Odota kaksi sekuntia ja aloita animaatio:

div {
  animation-delay: 2s;
}

Kokeile itse

Esimerkki 2

Negatiiviset arvot, huomaa että animaatio ohittaa 2 sekuntia ennen animaation jaksoa:

div {
  animation-delay: -2s;
}

Kokeile itse

CSS-kieli

animation-delay: aika;
Arvo Kuvaus Testi
aika Valinnainen. Määritä odotusaika ennen animaation alkua sekunneissa tai millisekunneissa. Oletusarvo on 0. Testi

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.animationDelay="2s"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Numerot -webkit-、-moz- tai -o- etunimellä osoittavat ensimmäisen version, jota etuliitteitä käytetään.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-