Как сделать изогнутое меню?

Question

[srko]

Возникла необходимость сделать меню такого типа.



Кто-то может подсказать как это реализовать на html5 и css3?
Буду благодарен любой помощи.

Answer 1

[itspers]

Фон - картинкой, чтоб не заморачиваться.
Пункты - по одному rotate и translate. Через синусы-косинусы высчитать несложно.

Comments

[srko]

хотелось бы именно без картинки обойтись

[itspers]

ну тогда бордер-радиусом гигантский круг сделать

[srko]

@itspers как потом лишнее убрать, не подскажите?

[itspers]

@srko jsfiddle.net/itspers/bn8J5

[srko]

@itspers спасибо, думаю, этого будет достаточно

Answer 2

[Сергей Мельников]

dabblet.com/gist/3979221/cb69c5e8ccf0745fff2c94b47...
tympanus.net/Tutorials/CircularNavigation

Comments

[srko]

Это для меня пока сложно, там к тому же JS подключается.