Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как можно реализовать анимацию волны по нижней границы инпута? (https://javascript.ru/forum/dom-window/82195-kak-mozhno-realizovat-animaciyu-volny-po-nizhnejj-granicy-inputa.html)

solidussnake 30.03.2021 14:30

Как можно реализовать анимацию волны по нижней границы инпута?
 
Как можно реализовать анимацию волны по нижней границы инпута? Мне нужно чтобы при клике на инпут ввода текста, по его нижней границе "прошла волна".

Вот как у на этом сайте: https://www.cloudmill.ru/contacts/

Меня интересует самый простой, лаконичный способ реализовать это.

Вот такая форма у меня в макете:


Эта ж форма на других хостингах картинок:
https://yapx.ru/v/LqLgi
https://a.radikal.ru/a41/2103/d0/5670f33f2a7c.png


Благодарю за внимание.

рони 30.03.2021 16:38

solidussnake,
по вашей ссылке, svg (линия с горбом справа) под инпут, при фокусе на инпут,svg сдвигается влево, всё.


Часовой пояс GMT +3, время: 11:45.