Как сделать такую анимацию открытия/закрытия модального окна на css и без библиотек?

Question

[Raymont]

Привет, как можно сделать такую анимацию через css?
как бы вы делали её? через keyframes?

Это анимация модальных окон в виде заднего фона.
как лучше это сделать?
через js при нажатие на кнопку активатор давать класс acitve и через этот класс запускаются keyframes для множества вложенных отдельных прямоугольников?

Answer 1

[imko]

Если продолжать твою мысль то можно обойтись и без кейфреймс, просто

.moymodal.activny .moyblok{
bacground: red;
}

и каждому кубику установить задержку в транзишоне
В принципе рабочий вариант, можно разбить задник на допустим 5 рядов и 5 столбцов если размер кубика не принципиально важен, тогда всего 25 правил для 25 кубиков в целом не страшно, особенно с препроцессором