Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Денис
@Fetfurmoz
frontend
JavaScript
CSS
Выезжающее меню с анимацией?
Подскажите как можно реализовать такое меню, эффект закругления и выравнивания с задержкой, может пример найдется?
Пример
Вопрос задан
15 авг. 2024
167 просмотров
1
комментарий
Подписаться
1
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Максим
@LenovoId
Ну если без вертяка то
псевдоэлемент
с
радиальным градиентом
..
Задержка делается на
cubic-bezier
генератор
который встроен в хром...
Если заморочиться то
svg
которая с
задержкой анимации
меняет координаты тоже в
пвевдоэлементе
...
Пример делать
лень
...
Написано
15 авг. 2024
Решения вопроса
1
Aleksey Solovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Обычно это называют Elastic SVG/Menu. Вот демо на
tympanus
. Там же можно и
статью
найти, которая объясняет реализацию.
Если нравиться больше видео версия, то на YouTube есть плейлист с аналогичным туториалом -
ссылка
Ответ написан
15 авг. 2024
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
Денис
@Fetfurmoz
Автор вопроса
спасибо, добрый человек.
Написано
15 авг. 2024
Денис
@Fetfurmoz
Автор вопроса
вот нашел готовое решение
https://codepen.io/simo_m/pen/qBZKErZ
Написано
15 авг. 2024
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Как выровнять текст и картинку внутри ссылки?
1 подписчик
14 часов назад
64 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
вчера
127 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему не приходит письмо на почту с WordPress?
1 подписчик
23 июн.
119 просмотров
0
ответов
JavaScript
Простой
Как правильнее переписать id's в формах?
1 подписчик
23 июн.
111 просмотров
1
ответ
JavaScript
Простой
Как можно сократить этот код?
1 подписчик
21 июн.
3326 просмотров
2
ответа
JavaScript
Простой
Как работать с минифицированным JS?
1 подписчик
20 июн.
1441 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как использовать js плагин mysql в сборке gulp?
1 подписчик
20 июн.
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
227 просмотров
5
ответов
JavaScript
+1 ещё
Средний
Как в своих тестовых утилитах для playwright корректно показывать строку с ошибкой?
1 подписчик
17 июн.
91 просмотр
1
ответ
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
15 июн.
106 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама