Горизонтальная раздвижная CSS3 навигация
Горизонтальное раздвижное CSS3 меню одна кнопкаЭффектный пример CSS3 навигации реализованный одной кнопкой.
При наведении на кнопку меню - навигация раздвигается в разные стороны по горизонтали благодаря новому свойству CSS3 анимации transition
Меню реализовано маркированным списком вложенным в DIV. Пример меню корректно работает только в современных браузерах последних версий, поддерживающих CSS3 свойство transition - Opera, Google Chrome, Safari, Mozilla Firefox(начиная с версии 4)
Код меню валидный DTD XHTML 1.0 Strict
Применить такую менюшку наврятли где получится, это скорее просто очередная демонстрация CSS3 возможностей, но, если кто-то решит поставить себе на сайт - в архив вкладываю PSD исходник для редактирования пунктов меню.
Смотрим, пользуемся и не забываем ссылаться на MegaWeb.su
Посмотреть пример горизонтальная раздвижная CSS3 навигация
Скачать готовый пример горизонтальная раздвижная CSS3 навигация
Понравилась новость Горизонтальная раздвижная CSS3 навигация на MegaWeb.su? Сохрани в закладках или распечатай!
Информация
Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Горизонтальная раздвижная CSS3 навигация из категории Меню навигации
- Основы / Шаблоны ⋙ CSS3 книга с эффектом перелистывания страниц
- Меню навигации ⋙ CSS3 горизонтальное выпадающее меню в стиле web 2.0
- Меню навигации ⋙ CSS3 увеличение картинки при наведении
- Меню навигации ⋙ Простое горизонтальное CSS3 слайдер меню
- Меню навигации ⋙ Выезжающее CSS3 меню
- Меню навигации ⋙ Стильное фантастическое меню шапка на CSS3
- Меню навигации ⋙ Универсальное CSS3 меню одна кнопка замечательный пример CSS3 анимации
- Меню навигации ⋙ Стильное горизонтальное меню навигации для сайта с применением CSS3 анимации
- Меню навигации ⋙ Стильное горизонтальное меню навигации с красивым эффектом перекатывания на jQuery
- Основы / CSS ⋙ Обзор основных CSS3 свойств Меню аккордеон на CSS3 вертикальное
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
