Совет по анимациям CSSНе забывайте про инструмент animation inspector в DevTools — он отлично подходит для отладки анимаций и точного просмотра временных шкал. Можно быстро дебажить, видеть все ключевые кадры и скрупулёзно скрабить по таймлайну.
Как открыть вкладку Анимации : Откройте DevTools, нажав F12 или CTRL+SHIFT+I.
В DevTools перейдите в меню (три вертикальные точки в правом верхнем углу) и выберите
"Дополнительные инструменты" → "Анимации".
Если вы впервые открываете вкладку, она может быть пустой, пока на странице не будет запущена анимация
Если не использовали — самое время попробовать
