time CSS значення

Задає час в секундах або мілісекундах. Значення складається з цілого або дробового числа, а потім один з одиниць виміру часу, перерахованих нижче:

• s - для секунд.
• ms - для мілісекунд.

Як і в css довжинаж, прогалина між числом та одиницею виміру неприпустима.

правити

Порада

Деякі люди для задання часу використовують 0. Але це не спрацює й браузен не спрайме її. Одиниці виміру часу обов'язково мають бити встановлені - 0s або 0ms

автор: NagarD правити

Нотатка

Пам'ятайте, що 1s = 1000ms.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
time	11.0	4.0	3.2	10.5	12.0	9.0

Підтримка: мобільні переглядачі

Переглядач
time	2.1	4.0	3.2

Приклади

+ запропонувати свій приклад у пісочниці

<div class="spin">2s</div>

.spin {
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    background: #0172ad;
    color: #fff;
    animation: spin 2s linear 0s infinite normal;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}