Atrybut animation-duration CSS

Definicja i użycie

animation-duration Definiuje czas potrzebny na zakończenie jednego cyklu animacji, wyrażony w sekundach lub milisekundach.

Zobacz również:

CSS3 Tutorial:Animacje CSS

HTML DOM Reference Manual:animationDuration Property

Przykład

Ustal nazwę dla animacji @keyframes:

div {
  animation-duration: 3s;
}

Spróbuj sam

CSS Syntax

animation-duration: time;
Wartość Opis
time Określa czas trwania animacji. Domyślna wartość to 0, co oznacza brak efektu animacji.

Techniczne szczegóły

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS3
JavaScript Syntax: object.style.animationDuration="3s"

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit-, -moz- lub -o- oznaczają pierwszą wersję używającą prefiksu.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-