/ Ваше разрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

Стильное фантастическое меню-шапка на CSS3

2-06-2018, 19:39

Для реализации такого стильного эффекта используется CSS3 свойство transition.

 
Шапка меню выполнено маркированным списком с разным уровнем вложенности. При наведении на категорию меню происходит эффектная плавная смена заднего фона, состоящего из трёх картинок, которые плавно собираются в один фон и сверху плавно приезжает меню подкатегорий. При убирании курсора происходит обратная анимация. Всё реализовано только на CSS, никакого jаvascript! Код меню валидный DTD XHTML 1.0 Strict.
Меню корректно работает только в современных браузерах последних версий - Opera, Google Chrome, Safari. В IE - не работает, в Mozilla Firefox работает начиная с версии 4.


Нашли ошибку? / Метки к статье: меню многоуровневое CSS3
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Рекомендуем Вам зарегистрироваться или войти на сайт под своим логином, чтобы полноправно пользоваться сайтом и иметь доступ ко всем материалам.

Важно: если не отображается страница новости или ее часть просьба отключить блокировщик рекламы. Проблема может возникать из-за того что скрипт сайта реагирует на программы подобного типа.
Также Вы можете сообщить о проблеме или ошибке и ознакомиться с ответами пользователей.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Докажите, что Вы не Робот: *
Это интересно
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Николай Савельев - Взаимоотношения полов. Основы

Данная книга дает ответ на вопрос о том, что из себя представляют настоящие, здоровые и вечные отношения, как романтические, так и дружеские. Она будет полезна как людям уже состоящим в отношениях, ...

Экспресс-курс Рост продаж через контент (2019) PCRec

Небольшой курс в котором затронуты аспекты создания продающего контента. Состоит из 7-ми видео уроков, длительностью не более 30 минут каждый, также прилагаются домашние задания. За это время у вас ...

Супер Illustrator (2018) HD

Самый полный обучающий курс по созданию векторной графики в программе Adobe Illustrator. В курсе детально рассматриваются все возможности и инструменты программы Adobe Illustrator с самого нуля до ...
Реклама Партнеров
Поддержите проект
Статистика

 
Скрипт социальных кнопок