Задать вопрос

Как с помощью keyframes задать задержку частоты смены кадров?

Мне надо сделать анимацию спрайта, где 1 картинка заменяет другую по очереди. Начал делать с помощью keyframes, но проблема в том, что кадры меняются с анимацией, а мне надо з 0s задержкой, но с промежутком 0.2s - частотой смены кадров.
Подскажите как такое сделать?
  • Вопрос задан
  • 406 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ronnie_Gardocki
@Ronnie_Gardocki
Я у мамы фронтендщик.
designmodo.com/steps-css-animations - все там же в кейфреймах, только юзать steps. Внутри гайда есть примеры с часами и прочими вещами.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@nort1986
front-end разработчик
За задержку отвечает свойство animation-delay, а за длительность анимации отвечает animation-duration
Если вас интересует анимация на CSS3 то вам сюда:
popel-studio.com/blog/article/vozmozhnosti_css-ani...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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