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

СВОЙСТВО ANIMATION

Свойство animation включает в себя следующие свойства:

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-fill-mode
• animation-play-state

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

Синтаксис

animation: name duration timing-function delay iteration-count direction fill-mode play-state|initial|inherit

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

Песочница

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

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

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

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