Создаем кнопочку с выскакивающим меню

5 Сен
2011

Как-то раз я попал на неплохую статейку о том, как создать стильную кнопочку в Фотошопе. Но я подумал, что ведь можно применить этот эффект с помощью CSS, и вот, что у меня получилось.
image

HTML


image
Каждое меню представляет собою div class со ссылками внутри. Далее идет маркированный список.
Каждый div class имеет разное значение в зависимости от его цвета.
image
image
image

CSS


Вот собственно основной двигатель.
image
При наведении курсора на кнопку появляется небольшое меню.
Остальной код можно посмотреть здесь.

Заключение


Просто и со вкусом! Надеюсь, данная статья окажется кому-нибудь полезной. Спасибо за внимание!
Мой результат.
Вдохновление.
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх