Программы
Музыка
Игры
Заработок и Раскрутка
GPS навигация
» » Горизонтальное раздвижное CSS3 меню одна кнопка
Информация к новости
  • Просмотров: 1 622
  • Автор: hazardcd
  • Дата: 24-08-2014, 10:10
  • Не нравится
  • 0
  • Нравится
24-08-2014, 10:10

Горизонтальное раздвижное CSS3 меню одна кнопка

Категория: Вебмастер / Меню / Одноуровневые

Эффектный пример CSS3 навигации реализованный одной кнопкой. При наведении на кнопку меню - навигация раздвигается в разные стороны по горизонтали благодаря новому свойству CSS3 анимации transition.
Меню реализовано маркированным списком вложенным в DIV. Пример меню корректно работает только в современных браузерах последних версий, поддерживающих CSS3 свойство transition - Opera, Google Chrome, Safari, Mozilla Firefox (начиная с версии 4). Код меню валидный DTD XHTML 1.0 Strict.
Применить такую менюшку наврядли где получится, это скорее просто очередная демонстрация CSS3 возможностей, но, если кто-то решит поставить себе на сайт - в архив вложен PSD исходник для редактирования пунктов меню.

ДЕМО

Скачать

Скачать

Метки к статье: CSS3 Горизонтальное раздвижное меню

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
HTML-cсылка:
BB-cсылка:
Прямая ссылка:

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

Имя:*
E-Mail:
Комментарий:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Подтвердите что вы не робот: *