Creating a 3 circle Venn diagram with pure css/html

Question

Maybe there\'s not a way, but I\'m looking to create 3 circles that would appear to overlap, yet would be actually individual objects with pure css. I can easily create a c

Answer 1

The best tool to use is SVG. Vals answer with CSS is great! but its not working in my GC.

With SVG, you can use path elements with arcs. EG, my shape is divided into 7 arc paths.

svg {
  overflow: visible;
}

If you want image inside separate arc shapes (for some reason. don't ask)