Диагональные пункты меню

[Dreamod]

Вечер добрый! На работе подкинули задание - сделать меню по типу того что на картинке, при этом нужно поддержать ослов 7,8,9... т.е. CSS3 и HTML5 отпадают сами собой =( можно ли сделать без использования флэша?

P.S. Я новичок, осиной не бейте, мягкие пинки в нужную сторону приветствуются)

[USF]

в Css3 есть rotate

[Dreamod]

в Css3 есть rotate

это хорошо, но ослы будут корректно работать? и будут ли вообще?

[SelenIT]

В "ослах" (5.5 — 9) есть фильтр Matrix (очень похож на матрицы трансформаций в CSS3, только сдвиг надо задавать отдельно), есть генераторы, выдающие их заодно с браузерными префиксами.

Но при указанной постановке задачи лично я бы, пожалуй, малодушно сделал по старинке, через image map c <area shape="poly">

[Dreamod]

нашел костыли для ослов, вроде пашет...

http://jsfiddle.net/pv8sH/

to SelenIT

Видимо я ваш метод и использовал, только нарыл сам) и генератор тот же использовал, но спасибо!

Но при указанной постановке задачи лично я бы, пожалуй, малодушно сделал по старинке, через image map c <area shape="poly">

а при этом способе можно задать изменение пунктов меню при наведении, как в моем примере?

Edited October 21, 2012 by Dreamod