Горизонтальная раздвижная CSS3 навигация

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 13-03-2011, 16:26
Горизонтальная раздвижная 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 навигация
Версия для печати
  • 100
     Просмотров: 7 356      Комментариев: 0   

Понравилась новость Горизонтальная раздвижная CSS3 навигация на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Другие новости по теме

Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Горизонтальная раздвижная CSS3 навигация из категории Меню навигации

Информация

Внимание!

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус