Как реализовать резкую смену кадров анимации в css?

Question

[Sarage]

Имеются кадры анимации(отдельные svg файлы). Как сделать их смену для анимарования (например, как в Unity или в любом другом игровом движке). Мб нужно использовать js. Подскажите

Answer 1

[Дамир Шаниязов]

Можно попробовать с keyframes

@keyframes fontbulger {
  0% {
    font-size: 10px;
  }
  30% {
    font-size: 15px;
  }
  100% {
    font-size: 12px;
  }
}

#box {
   animation: fontbulger 2s infinite;

Например, в этом примере за 0.6 cекунды шрифт меняется с 10 до 15, а дальше за 1.4 секунды меняет с 15 до 12

Вам же надо сделать так скорее всего с background (image). но тут вопрос в том как быстро они загружаются. если долго, то без js не обойтись скорее всего