Css svg对象围绕圆旋转

我想用SVG和CSS构建一个小动画。我创建了一个圆和一个对象。这些对象应该绕着圆旋转，而不是相互旋转

这是我对这个问题的看法。正如你所看到的，它围绕着圆旋转，但它也会自己旋转。我不需要自己旋转它。如何用css解决这个问题？我也将在下面分享我的css

#技术{
动画：旋转10秒无限线性；
变换原点：中心；
变换框：填充框；
}
#移动物体{
动画：无限缩放15秒；
变换原点：中心；
}
#塞特尔{
动画：动作1s无限交替；
}
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（-360度）；
}
}
@关键帧比例{
0% {
变换：比例（0.8）；
}
100% {
变换：比例（1）；
}
}
@关键帧动作{
0% {
变换：translateY（0）；
}
100% {
转换：translateY（-30px）；
}
}

---

只需继承相同的动画并将方向更改为反转：

我还更新了VueJs图标以移动矩阵变换，因为旋转将覆盖它：

#技术{
动画：旋转10秒无限线性；
变换原点：中心；
变换框：填充框；
}
#移动物体{
动画：无限缩放15秒；
变换原点：中心；
}
/*加上这个*/
#技术>*{
动画：继承；
动画方向：反向；
转换原点：继承；
变换框：继承；
}
/**/
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（-360度）；
}
}
@关键帧比例{
0% {
变换：比例（0.8）；
}
100% {
变换：比例（1）；
}
}
@关键帧动作{
0% {
变换：translateY（0）；
}
100% {
转换：translateY（-30px）；
}
}

---

只需继承相同的动画并将方向更改为反转：

我还更新了VueJs图标以移动矩阵变换，因为旋转将覆盖它：

#技术{
动画：旋转10秒无限线性；
变换原点：中心；
变换框：填充框；
}
#移动物体{
动画：无限缩放15秒；
变换原点：中心；
}
/*加上这个*/
#技术>*{
动画：继承；
动画方向：反向；
转换原点：继承；
变换框：继承；
}
/**/
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（-360度）；
}
}
@关键帧比例{
0% {
变换：比例（0.8）；
}
100% {
变换：比例（1）；
}
}
@关键帧动作{
0% {
变换：translateY（0）；
}
100% {
转换：translateY（-30px）；
}
}