Попытка получить ярлык с ценой класса для продвижения вверх, а затем свернуть с CSS.
У меня есть следующее -
-webkit-animation-name: slidingPrice;
-webkit-animation-duration: 300ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-delay: 4s;
@-webkit-keyframes slidingPrice {
0% { opacity: 0; bottom: -30px; }
50% { opacity: 1; bottom: 0; }
100% { opacity: 0; bottom: -30px; }
}
Я вижу, что анимация начинается через 4 секунды, но как только она начинается, просто непрерывно петли быстро. Как бы добавить 4-секундную задержку между каждым циклом и остановиться в течение 2 секунд с отметкой 50%?