Всем привет. Такой вопрос. У меня есть анимация. Бесконечная. Див постепенно, в три этапа, увеличивает ширину (на 15%, потом еще на 15%). Увеличение ширины прописаны в
@keyframes. Так вот, я хочу поставить задержку выполнения в несколько секунд (не важно сколько) на КАЖДЫЙ этап анимации. То есть, в начале задержка, див увеличился, снова задержка, див увеличился. Но как бы я не пыжился, задержка срабатывает лишь в начале. Подскажите, что я делаю не так
.wrapper {
display : flex;
width : 15%;
overflow : hidden;
animation-name : anim5;
animation: anim5 2s 5s linear infinite;
}
@keyframes anim5 {
50% {
width: 30%;
}
100% {
width: 45%;
}
}