Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Денис
@Fetfurmoz
frontend
JavaScript
CSS
Выезжающее меню с анимацией?
Подскажите как можно реализовать такое меню, эффект закругления и выравнивания с задержкой, может пример найдется?
Пример
Вопрос задан
более года назад
174 просмотра
1
комментарий
Подписаться
1
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Максим
@LenovoId
Ну если без вертяка то
псевдоэлемент
с
радиальным градиентом
..
Задержка делается на
cubic-bezier
генератор
который встроен в хром...
Если заморочиться то
svg
которая с
задержкой анимации
меняет координаты тоже в
пвевдоэлементе
...
Пример делать
лень
...
Написано
более года назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
1
Aleksey Solovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Обычно это называют Elastic SVG/Menu. Вот демо на
tympanus
. Там же можно и
статью
найти, которая объясняет реализацию.
Если нравиться больше видео версия, то на YouTube есть плейлист с аналогичным туториалом -
ссылка
Ответ написан
более года назад
2
комментария
Нравится
2
2
комментария
Facebook
Вконтакте
Twitter
Денис
@Fetfurmoz
Автор вопроса
спасибо, добрый человек.
Написано
более года назад
Денис
@Fetfurmoz
Автор вопроса
вот нашел готовое решение
https://codepen.io/simo_m/pen/qBZKErZ
Написано
более года назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как создать карточки в рядах со смещением?
1 подписчик
28 окт.
80 просмотров
1
ответ
JavaScript
Простой
Как создать рисунок из PHP в Fabric.js?
1 подписчик
28 окт.
78 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой скрипт загружает меню в Ютуб?
2 подписчика
27 окт.
158 просмотров
2
ответа
CSS
Простой
Как на css сделать в карточке товара появление блока кнопок при наведении курсора?
1 подписчик
27 окт.
126 просмотров
1
ответ
CSS
Простой
Как такое сверстать?
1 подписчик
26 окт.
265 просмотров
2
ответа
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
216 просмотров
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
172 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
130 просмотров
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
189 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
229 просмотров
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама