Стильное фантастическое меню шапка на CSS3
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, CSS3 Дата: 18-03-2011, 17:03
Волшебство CSS3 или Стильное фантастическое меню шапка на CSS3Просто фантастический пример волшебства CSS3 анимации.
Для реализации такого стильного эффекта используется CSS3 свойство transition.
Шапка меню выполнено маркированным списком с разным уровнем вложенности. При наведении на категорию меню происходит эффектная плавная смена заднего фона, состоящего из трёх картинок, которые плавно собираются в один фон и сверху плавно приесжает меню подкатегорий. При убирании курсора происходит обратная анимация. Ещё раз хочу заметить, что это всё реализовано только на CSS, никакого javascript!
Код меню валидный DTD XHTML 1.0 Strict.
Меню корректно работает только в современных браузерах последних версий - Opera, Google Chrome, Safari. В IE - не работает, в Mozilla Firefox работает начиная с версии 4.
Посмотреть пример стильное фантастическое меню шапка на CSS3
Скачать готовый пример стильное фантастическое меню шапка на CSS3
Понравилась новость Стильное фантастическое меню шапка на CSS3 на MegaWeb.su? Сохрани в закладках или распечатай!
Информация
Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Стильное фантастическое меню шапка на CSS3 из категории Меню навигации
- Меню навигации ⋙ Круглое css3 меню звезда
- Меню навигации ⋙ Выезжающее CSS3 меню
- Меню навигации ⋙ Горизонтальное Lavalamp меню на CSS3
- Меню навигации ⋙ Горизонтальная раздвижная CSS3 навигация
- Меню навигации ⋙ Стильное вертикальное выпадающее css меню
- Меню навигации ⋙ Универсальное CSS3 меню одна кнопка замечательный пример CSS3 анимации
- Меню навигации ⋙ Стильное горизонтальное меню навигации для сайта с применением CSS3 анимации
- Меню навигации ⋙ Очень красивое стильное навороченное круглое выпадающее CSS меню для сайта
- Меню навигации ⋙ Стильное горизонтальное меню с автопрокруткой на jQuery и эффектами CSS3 скругление углов и тень
- Основы / CSS ⋙ Обзор основных CSS3 свойств Меню аккордеон на CSS3 вертикальное
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
