CSS-анимации: создаем сложные последовательные эффекты

Современный CSS позволяет создавать последовательные анимации для любого количества элементов без сложных ключевых кадров. Функция linear() в сочетании с sibling-index() и sibling-count() делает это возможным, упрощая настройку и масштабирование эффектов

Краткий пересказ

https://css-tricks.com/sequential-linear-animation-with-n-elements/