Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
TatianaFokina opened this issue Aug 30, 2024 · 2 comments
Open

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

TatianaFokina opened this issue Aug 30, 2024 · 2 comments
Labels
вёрстка Задачи по вёрстке дизайн Задачи по дизайну улучшение Доработка существующего

Comments

@TatianaFokina
Copy link
Member

Проблема

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

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

Решение

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

Four new CSS features for smooth entry and exit animations.

@TatianaFokina TatianaFokina added улучшение Доработка существующего вёрстка Задачи по вёрстке дизайн Задачи по дизайну labels Aug 30, 2024
@TatianaFokina
Copy link
Member Author

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

@skorobaeus
Copy link
Member

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

Воть:

bandicam.2024-09-27.19-00-01-940.mp4

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
вёрстка Задачи по вёрстке дизайн Задачи по дизайну улучшение Доработка существующего
Projects
None yet
Development

No branches or pull requests

2 participants