Как сделать выезжающее поле поиска на css html js?

Question

[Stacy None]

Добрый вечер! Ребята, помогите пожалуйста реализовать такое поле поиска как тут
При наведении открывается поле плавно а при вводе текста оно не закрывается!
Заранее огромное спасибо!

Answer 1

[dicem]

А это то что нужно?

Comments

[dicem]

Вобще там конечно анимация не оч, но подкрутить можешь в js с таймерами там, чтоб все разом не трансформировалось

[Stacy None]

dicem, чето у меня на сайте анимация не работает

[dicem]

Stacy None, сайт в студию

Answer 2

[Samogonshik]

https://freefrontend.com/css-search-boxes/
Выбирайте любой.
А еще гугл покажет много примеров если напечатать в нем "animate search field css"

Comments

[Stacy None]

Не то что нужно