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

СВОЙСТВО ANIMATION-ITERATION-COUNT

Свойство animation-iteration-count определяет сколько раз должна воспроизводиться анимация.

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

Синтаксис

animation-iteration-count: число|infinite|initial|inherit;

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

Песочница

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

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

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

@keyframes animation {
    from {
        left: 0px;
        border-radius: 50%;
    } to {
        left: 280px;
        border-radius: 0;
    }
}