1. Главная
2. CSS
3. Свойство animation-delay

СВОЙСТВО ANIMATION-DELAY

Свойство animation-delay определяет задержку перед началом анимации. Задержка указывается в миллисекундах или секундах.

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

Синтаксис

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

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

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

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

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

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