Вопрос по анимированию элементов в меню

VostPost

Автор темы
Сообщения
29
Репутация
0
Баллы
1
Сейчас занимаюсь продвижением сайта автозапчастей. На аналогичном сайте (https://allzap.ua/zapchasti-honda-legend/ ) нашел интересный элемент: кнопка "поиск по ВИН" анимируется при наведении. Каким образом сделать именно подобную анимацию, это JS или можно стилями и чистым хтмл обойтись?? Заранее благодарю за ответы. З.Ы. верстальщик в отпуске, а проект необходимо вот-вот сдавать.
 

Вложения

Сообщения
1
Репутация
0
Баллы
1
Элемент создан псевдоэлементом с абсолютным поиционированием + скрыт по умолчанию свойством opacity, width, height = 0 (я бы так сделал). При hover opacity делаем равным 1 + чтобы красиво можно анимацию свойством transition: opacity 0.3s ease-in-out, width 0.5s ease,height 0.5s ease в свойствах скрытого элемента... ;
 

VostPost

Автор темы
Сообщения
29
Репутация
0
Баллы
1
Понял, спасибо, буду пробовать!