Как реализовать данный элемент?

Question

[axblue]

Всем привет! Всех с Наступающим:) Подкиньте пожалуйста идейку по реализации такого элемента. Нужно что бы еще затемнялись сегменты при наведении на соответствующий пункт. Спасибо.

Answer 1

[Андрей]

Рисуешь картинку в SVG потом при наведении анимируешь path'ы показывая стрелочку добавляя тень и изменяя цвет. Самое простое

Comments

[axblue]

А, спасибо большое, погуглил, более менее разобрался. Ну теперь хотелось бы узнать: Рисовать получается всю арку? А как потом эти пазы выделять отдельно?

[Андрей]

AX Blue: Нарисуй всю арку с пазами. это же у тебя обычная разметка будет а потом с помощью стилей крути показывай что хочешь

Answer 2

[Kostya Gorozhanov]

tympanus.net/codrops/2013/08/09/building-a-circula...