Я хочу создать эту фигуру с перекрывающимися кругами в CSS:
В принципе, просто сложены круги. Я осмотрелся, и все решения, которые я вижу, включают использование нескольких элементов div для этого эффекта. Однако нельзя ли это сделать с помощью одного div, используя CSS3? Я посмотрел, как это легко сделать, и подумал, что если все цвета будут одинаковыми, у вас будет такая форма таблеток:
#circles {
background-color: red;
width: 130px;
height: 100px;
border-radius: 50px;
}
<div id="circles"></div>