/ Ваше разрешение экрана: px / Ваш Ip адрес: {ip}

Shop Scripts

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

2-06-2018, 21:29
Эффектный пример CSS3 навигации реализованный одной кнопкой. При наведении на кнопку меню - навигация раздвигается в разные стороны по горизонтали благодаря свойству CSS3 анимации transition.

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

Нашли ошибку?
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Рекомендуем Вам зарегистрироваться или войти на сайт под своим логином, чтобы полноправно пользоваться сайтом и иметь доступ ко всем материалам.

Важно: если не отображается страница новости или ее часть просьба отключить блокировщик рекламы. Проблема может возникать из-за того что скрипт сайта реагирует на программы подобного типа.
Также Вы можете сообщить о проблеме или ошибке и ознакомиться с ответами пользователей.

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

Имя:*
E-Mail:
Комментарий:
Докажите, что Вы не Робот: *
Это интересно
Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств
Новости Портала

Николай Савельев - Взаимоотношения полов. Основы

Данная книга дает ответ на вопрос о том, что из себя представляют настоящие, здоровые и вечные отношения, как романтические, так и дружеские. Она будет полезна как людям уже состоящим в отношениях, ...

Экспресс-курс Рост продаж через контент (2019) PCRec

Небольшой курс в котором затронуты аспекты создания продающего контента. Состоит из 7-ми видео уроков, длительностью не более 30 минут каждый, также прилагаются домашние задания. За это время у вас ...

Супер Illustrator (2018) HD

Самый полный обучающий курс по созданию векторной графики в программе Adobe Illustrator. В курсе детально рассматриваются все возможности и инструменты программы Adobe Illustrator с самого нуля до ...
Реклама Партнеров
Поддержите проект
Статистика

 
Скрипт социальных кнопок