Анимация поля ввода при фокусе на мобильных

148
21 сентября 2017, 17:54

Как создать анимацию поля ввода(поиска) для телефонов при его фокусе, при фокусе должен появляться бекграунд под полем поиска и ниже должен бить список аutocomplete вероятных запросов? Пример анимации вы можете посмотреть на сайте (только на мобильнике) - agoda.com

Answer 1

input { 
  transition: all.5s; 
} 
 
input:focus { 
  background: red; 
  transition: all.5s; 
}
<input type="text" autocomplete="on">

READ ALSO
Посоветуйте хорошие материалы [требует правки]

Посоветуйте хорошие материалы [требует правки]

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

154
Не работает Гугл Переводчик на сайте после стилизации с помощью сторонних модулей jquery

Не работает Гугл Переводчик на сайте после стилизации с помощью сторонних модулей jquery

Вставил переводчик на сайт и решил его стилизоватьЭтот переводчик в виде select элемента

152
Диалоговые окна в Javascript и Bootstrap

Диалоговые окна в Javascript и Bootstrap

Доброго дняЧерез Bootstrap сделал вывод диалогового окна

193
Поиск в глубину для матрицы

Поиск в глубину для матрицы

ЗдравствуйтеУ меня есть матрица вида:

199