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

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

HTML

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

Каждый div class имеет разное значение в зависимости от его цвета.

CSS

Вот собственно основной двигатель.

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

Заключение

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

Мой результат.
Вдохновление.