12
Próbujesz dostać etykietę z ceną klasy, aby przesunąć się w górę, a następnie ześlizgnąć się z powrotem za pomocą CSS.Opóźnienie animacji CSS między pętlami
Mam następujący -
-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; }
}
widzę, że animacja zaczyna się w 4 sekundy, ale po jego uruchomieniu, tylko stale pętle w szybki sposób. Jak dodać 4-sekundowe opóźnienie pomiędzy każdą pętlą i zatrzymać się na 2 sekundy przy znaku 50%?
idealne! to wystarczyło. dzięki! – Yasir
na wszelki wypadek, jeśli potrzebujesz odwrotnej animacji '-webkit-animation-direction: alternate, reverse, normal;' – Syed