Что нового
SEO форум вебмастеров - маркетинг, продвижение и оптимизация сайтов

This is a sample guest message. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

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

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

Вложения

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