Html 重叠圆

我需要您的帮助，使重叠圆与重叠圆的示例相似，如下面链接的流程部分所示：

.dot{
高度：200px；
宽度：200px；
位置：相对位置；
边界半径：50%；
边框样式：实心；
边框宽度：2倍；
边框颜色：白烟；
背景色：rgba（0,0,0,0）；
显示：内联块；
利润率最高：9%；
}

---

添加边距

边距：9%-15px 0打开
.dot


.process{
填充：0 15px；
}
多特先生{
高度：200px；
宽度：200px；
位置：相对位置；
边界半径：50%；
边框样式：实心；
边框宽度：2倍；
边框颜色：白烟；
背景色：rgba（0,0,0,0）；
显示：内联块；
利润率：9%-15px0；
}
添加边距
边距：9%-15px 0打开
.dot


.process{
填充：0 15px；
}
多特先生{
高度：200px；
宽度：200px；
位置：相对位置；
边界半径：50%；
边框样式：实心；
边框宽度：2倍；
边框颜色：白烟；
背景色：rgba（0,0,0,0）；
显示：内联块；
利润率：9%-15px0；
}
在
.dot
类
边距：9%-15px 0
中添加负值，并在div悬停时添加css
transform:scale（1.05）
，以获得悬停效果


.process{
填充：0 25px；
}
多特先生{
高度：200px；
宽度：200px；
利润率：9%-15px0；
位置：相对位置；
边界半径：50%；
边框样式：实心；
边框宽度：2倍；
边框颜色：白烟；
背景色：rgba（0,0,0,0）；
显示：内联块；
过渡：全部3秒；
}
.dot:悬停{
转换：标度（1.05）；
}
在
.dot
类
边距：9%-15px 0
中添加负值，并在div悬停时添加css
transform:scale（1.05）
，以获得悬停效果


.process{
填充：0 25px；
}
多特先生{
高度：200px；
宽度：200px；
利润率：9%-15px0；
位置：相对位置；
边界半径：50%；
边框样式：实心；
边框宽度：2倍；
边框颜色：白烟；
背景色：rgba（0,0,0,0）；
显示：内联块；
过渡：全部3秒；
}
.dot:悬停{
转换：标度（1.05）；
}

非常感谢！这很有帮助！谢谢！这很有帮助！谢谢：）你帮了我：）你帮了我