MegaWeb.su как создать свой сайт через html

Замечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.

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

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