Как создать анимацию кнопки как в примере?

Question

[Alexander Shalimov]

Всем привет.
Мне надо сделать кнопку как на этом сайте https://www.lucidmotors.com/ , но никак не могу придумать решение.

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

Не хочу подключать библиотеки для одной кнопки но если знаете подходящую буду рад.
Выслушаю любые идеи.

Answer 1

[Froggyweb]

В оригинале Convas зачем - не знаю
можно к примеру так https://codepen.io/zFunx/pen/XRGEor
в таких анимациях часто используется анимация псевдоэлемента и overflow: hidden для родителя

Comments

[Владимир]

Если внимательнее посмотреть, оно сворачивается и разворачивается в одну сторону. Тут нужно onAnimationEnd отслеживать и класс садить