Właściwość CSS animation-duration

Definicja stylu, przeznaczenie i użycie animation-duration

Styl animation-duration określa, w jakim czasie animacja powinna zakończyć jeden cykl.

Wartości właściwości animation-duration

Składnia CSS animation-duration

animation-duration: time | initial | inherit;

Wsparcie przeglądarek dla właściwości animation-duration

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz-, -o- określa pierwszą wersję, która działała z prefiksem.

Właściwość
animation-duration	43.0 3.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

Przykładowe zastosowania właściwości animation-duration

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  animation-duration:1s;
}

Przykłady właściwości animation-duration