Как закрасить пересечение кругов?

Question

[followthemadhat]

Имеется два круга, нужно закрасить область из пересечения. Как это сделать через CSS? Другие варианты тоже рассматриваются.
Пример здесь: https://jsfiddle.net/806Lqys1/

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/806Lqys1/2/ закрашенный бордер
https://jsfiddle.net/space2pacman/806Lqys1/3/ закрашенная область
Данил Сысоев нет ничего не возможного ))

Comments

[followthemadhat]

это по вашему область пересечения?

[Ярослав Иванов]

Безумная Шляпа: Поправил ответ.

[followthemadhat]

нужно закрасить ВСЮ область пересечения целиком, возможно я не так выразился в вопросе

[Ярослав Иванов]

Безумная Шляпа: Добавил.

[followthemadhat]

круть, вот это то что нужно! спасибо:)

[Данил Сысоев]

Блин, а я что-то и не подумал про overflow: hidden и внутренний круг) Здорово! Возьму на вооружение;-)

[Сергей Горячев]

Ярослав Иванов, мужик, ты гений)))))))

Answer 2

[Данил Сысоев]

Думаю что здесь посредством css не обойдешься.
Я бы посмотрел на твоем месте в сторону SVG.

Comments

[followthemadhat]

вариант с svg тоже подойдет, нужен рабочий пример