Multiple Circles

Combine multiple clip-path shapes using comma separation. Create complex patterns by overlapping shapes.

Key Concepts

• Multiple clip-path values
• Comma separation
• Shape unions

Technical Details

clip-path: circle(30% at 30% 50%), circle(30% at 70% 50%);
/* Multiple clip-paths create a union */
/* Separate each shape with a comma