Как настроить .delay и setTimeout?



Салют гуру вёрстки!

Кто поможет, как можно анимировать стрелку в цикле 5с активна и 5с чтобы замирала? Подозреваю что как-то через delay и setTimeout, но не знаю как это осуществить
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
кодепен больше не разрешает сохранять анонимные пены, поэтому так

.hero__arrow {
    .........
   
    animation-name: floating;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-play-state: running;
  
  &.paused {
    animation-play-state: paused;
  }
}


setInterval(() => {
  const arrow = document.querySelector('div.hero__arrow')
  arrow.classList.toggle('paused')
}, 1000)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы