Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Stacy None
@Stasy11
The best epta
JavaScript
HTML
CSS
Как сделать выезжающее поле поиска на css html js?
Добрый вечер! Ребята, помогите пожалуйста реализовать такое поле поиска как
тут
При наведении открывается поле плавно а при вводе текста оно не закрывается!
Заранее огромное спасибо!
Вопрос задан
более трёх лет назад
8693 просмотра
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
dicem
@dicem
А это то что нужно?
snippet
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
dicem
@dicem
Вобще там конечно анимация не оч, но подкрутить можешь в js с таймерами там, чтоб все разом не трансформировалось
Написано
более трёх лет назад
Stacy None
@Stasy11
Автор вопроса
dicem
, чето у меня на сайте анимация не работает
Написано
более трёх лет назад
dicem
@dicem
Stacy None
, сайт в студию
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Samogonshik
@Samogonshik
Учусь кодить на C#
https://freefrontend.com/css-search-boxes/
Выбирайте любой.
А еще гугл покажет много примеров если напечатать в нем "animate search field css"
Ответ написан
более трёх лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
Stacy None
@Stasy11
Автор вопроса
Не то что нужно
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
1 подписчик
5 минут назад
8 просмотров
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
20 часов назад
93 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
вчера
355 просмотров
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
328 просмотров
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
03 июн.
117 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
75 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
177 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
627 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1002 просмотра
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1423 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама