Почему нет задержки между повторами анимации?

Отсутствие задержки между повторами анимации в CSS обычно объясняется тем, что значение по умолчанию для свойства animation-iteration-count равно 1, а это означает, что анимация будет воспроизводиться только один раз. Если же требуется задержка между каждым повтором анимации, то необходимо явно указать это значение для данного свойства.

Например, если вы хотите, чтобы анимация повторялась несколько раз с задержкой между повторами, вы можете использовать такой CSS код:

.element {
    animation-name: slide; /* название анимации */
    animation-duration: 2s; /* длительность анимации */
    animation-iteration-count: 3; /* количество повторений анимации */
    animation-delay: 1s; /* задержка между каждым повтором */
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100px);
    }
}

В этом примере анимация slide будет продолжаться в течение 2 секунд, повторяться 3 раза и иметь задержку в 1 секунду между каждым повтором.

Таким образом, отсутствие задержки между повторами анимации обычно является результатом установленных значений по умолчанию в CSS, и для создания задержки между повторами необходимо явно указать это в определении анимации.