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

[VostPost]

Сейчас занимаюсь продвижением сайта автозапчастей. На аналогичном сайте (allzap ) нашел интересный элемент: кнопка "поиск по ВИН" анимируется при наведении. Каким образом сделать именно подобную анимацию, это JS или можно стилями и чистым хтмл обойтись?? Заранее благодарю за ответы. З.Ы. верстальщик в отпуске, а проект необходимо вот-вот сдавать.

 

[Jurgen]

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

 

[VostPost]

Понял, спасибо, буду пробовать!

 

[TayColiee]

Качественный прогон по форумам в действии)

 

[Dedsec]

Качественный прогон по форумам в действии)

Да да, круто работают)))

 

[lionzzzmega]

Надо тоже попробовать