Задача
Местоположение – круг разделен на 8 частей + еще одна в центре итого 9. Каждая эта часть указывает на район Москвы, как говорят: “Живу на 4 часа” т.е. юго-восток или 6 часов - юг, а центр – это садовое кольцо.
Так как этот фильтр находиться внутри form
и должен отправляться выбранная значения, в html
получается 9 скрытых radio
прикрепленным на label
, 8 трапеции 1 круг в центре.
С бордером не получается, они перекрывает друг друга, так как они на самом деле прямоугольник, но со скрытыми краями.
Возможно ли сделать такую конструкцию на CSS
или на чем угодно?
Заранее спасибо!
svg
не предлагать?