Горизонтальная раздвижная CSS3 навигация
13-03-2011, 16:26. Разместил: Admin
Горизонтальное раздвижное 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 навигация
Вернуться назад