Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО ANIMATION-DURATION

Свойство animation-duration определяет, сколько секунд или миллисекунд длится анимация.

Поддержка браузеров


10+

Синтаксис

animation-duration: длительность|initial|inherit

Значения свойства

Значение	Описание
длительность	Длительность анимации в секундах (s) или в миллисекундах (ms). Значение по умолчанию 0s. Отрицательные значения не допускаются.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<div class="item"></div>

HTML

.item {
    width: 120px;
    height: 120px;
    background: beige;
    position: relative;
    animation: animation infinite;
    animation-direction: alternate;
    animation-duration: 5s;
}

@keyframes animation {
    from {
        left: 0px;
    } to {
        left: 280px;
    }
}

CSS

← Перейти к списку свойств