Анимировать меню по-другому

[TatianaFokina]

Проблема

В этой итерации мы сделали с анимацией всё, что могли. Могли не многое: после рефакторинга у нас одно меню (а раньше их было два), которое скрывается через display: none.

Задача максимально близко к макету воспроизвести анимацию открытия/закрытия меню.

Решение

В CSS теперь можно анимировать display: none, но пока поддержка так себе. Если и использовать новую фичу, то в @support.

Four new CSS features for smooth entry and exit animations.

[TatianaFokina]

@skorobaeus, можешь добавить в этот пиар гифку, видео или ссылку на то, как была задумана анимация, пожалуйста?

[skorobaeus]

@skorobaeus, можешь добавить в этот пиар гифку, видео или ссылку на то, как была задумана анимация, пожалуйста?

Воть:

https://github.com/user-attachments/assets/b024b5db-ba0f-48d5-8ace-aadb14247501

В идеале хочется, чтобы анимированы были и маленькие элементы в хэдере, и сам хэдер. Я нарисовала ступенчатое появление хэдера, но плавное выползание тоже будет лучше, чем если он будет просто появляться, как сейчас.