Может быть, нет способа, но я ищу, чтобы создать 3 круга, которые, казалось бы, перекрываются, но будут фактически отдельными объектами с чистым css. Я могу легко создать форму полумесяца, но мне также нужен этот объект, чтобы реагировать только на фактический цветной объект, а не на границу.
Мне нужно сделать что-то вроде этого:
И чтобы показать вам больше того, что я имею в виду, каждый объект должен быть его собственной формой:
На самом деле предпочитайте css, если это возможно. SVG может быть другим способом, но опять же, мне нужно, чтобы каждый объект реагировал на видимый объект при наведении/щелчке и НЕ вне его видимой области.