MegaWeb.su Главная > Меню навигации > Круглое css3 меню звезда

Круглое css3 меню звезда


18-04-2011, 18:45. Разместил: Admin
Круглое css3 меню звездаЗамечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.

В конечном результате мы видим полупрозрачную картинку восьмиконечной звезды, при наведении на эту картинку появляются иконки категорий, расположенные по кругу напротив каждого луча звезды, при наведении на иконку - происходит плавное увеличение иконки благодаря CSS3 свойству transition. Смотрится всё эффектно и аккуратно. Меню корректно работает во всех современных браузерах, поддерживающих CSS3 свойства.
Код меню валидный DTD XHTML 1.0 Strict.

Посмотреть пример круглое css3 меню звезда
Скачать готовый пример круглое css3 меню звезда
Вернуться назад