Выезжающее меню с анимацией?

Question

[Денис]

Подскажите как можно реализовать такое меню, эффект закругления и выравнивания с задержкой, может пример найдется?

Пример

Comments

[Максим]

Ну если без вертяка то псевдоэлемент с радиальным градиентом..
Задержка делается на cubic-bezier генератор который встроен в хром...
Если заморочиться то svg которая с задержкой анимации меняет координаты тоже в пвевдоэлементе...
Пример делать лень...

Answer 1

[Aleksey Solovyev]

Обычно это называют Elastic SVG/Menu. Вот демо на tympanus. Там же можно и статью найти, которая объясняет реализацию.

Если нравиться больше видео версия, то на YouTube есть плейлист с аналогичным туториалом - ссылка

Comments

[Денис]

спасибо, добрый человек.

[Денис]

вот нашел готовое решение
https://codepen.io/simo_m/pen/qBZKErZ