Выезжающие иконки меню при наведении
Меню с векторными иконками. Слегка спрятанные изначально иконки, выезжают при наведении на них курсора мыши. Очень напоминает популярный плагин социальных иконок для wordpress.
CSS3 меню с overlay эффектом
При клике по кнопке, поверх контента накладывается меню, пункты которого дополнены иконками из шрифта, позволяя избежать пикселизации картинок, так как иконки выполнены в векторе. Смотрится оригинально и экономит место на странице.
Круглое социальное меню
Сделаем круглое социальное меню в котором не используются изображения. Иконки социальных сервисов берутся из специального шрифта.
Раскрывающаяся кнопка загрузки
Кнопка загрузки, или любая другая при нажатии на которую снизу выезжает панелька с информацией, например о типе и размере файла.
Вращающиеся иконки
Эффект вращения социальных иконок с помощью CSS свойства transform. В Opera не работает, но порадует пользователей других браузеров.
Mac OS X icon dock
Панель иконок, как в Mac OS X реализованная на jаvascript и CSS.
Icon Dock на CSS3
Icon Dock панель из иконок на чистом CSS. При наведении мышки на иконку происходит её увеличение.
Увеличение иконки при наведении
Эффект почти такой же, как и у Apple Dock - иконка увеличивается в размерах при наведении. Реализуется только на CSS? поэтому плавности не будет, как если бы мы использовали jQuery.