Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.03.2021, 14:30
Новичок на форуме
Отправить личное сообщение для solidussnake Посмотреть профиль Найти все сообщения от solidussnake
 
Регистрация: 30.03.2021
Сообщений: 1

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

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

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

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


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


Благодарю за внимание.
Ответить с цитированием
  #2 (permalink)  
Старый 30.03.2021, 16:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Как реализовать анимацию при прокрутке sabano jQuery 3 24.08.2013 11:52
HTML5 Как сделать, чтобы можно было двигать картинку мышью? Бобр Общие вопросы Javascript 2 18.06.2010 21:22
Как реализовать вывод такого окна nastya Events/DOM/Window 4 04.02.2010 05:41
можно ли, если да то как удалить строки из таблицы Avaria Я не знаю javascript 3 11.06.2009 03:03