Javascript 围绕点旋转文本项而不旋转

我想围绕中心点旋转文本（附加到滚动位置）。我不想让项目旋转，无法阅读。他们应该沿着一条圆形的道路前进。你有什么办法让我做到这一点吗

我正在使用Skrollr为我的滚动动画，但我对任何事情都开放

---

您可以使用普通css关键帧来实现这一点。可以在某个事件上触发父元素上的类，并将动画设置为仅在应用该类时发生。我做了一个简单的片段来演示。不确定这是否对你的案子有用

@关键帧圆{
从{变换：旋转（0度）；}
到{变换：旋转（360度）；}
}
@内圆关键帧{
从{变换：旋转（0度）；}
到{变换：旋转（-360度）；}
}
.包装纸{
位置：相对位置；
宽度：400px；
高度：400px；
背景色：#中交；
边界半径：50%；
字体大小：12px；
动画：圆形5s线性无限；
}
img{
宽度：75px；
高度：75px；
}
.1分部{
位置：绝对位置；
宽度：100px；
高度：100px；
利润率：20px自动0；
变换原点：50%50%；
}
.第2分部{
位置：绝对位置；
宽度：100px；
高度：100px；
利润率：275像素自动0；
颜色：红色；
变换原点：50%50%；
}
.第3分部{
宽度：100px；
高度：100px；
利润率：20px自动0；
颜色：蓝色；
变换原点：50%200px；
}
.第4分部{
宽度：100px；
高度：100px；
利润率：20px自动0；
颜色：绿色；
变换原点：50%200px；
}
div>div{
动画：内圈5s线性无限；
}

这是一些文字知识


这是一些文字知识

顺时针旋转整个滤芯，同时逆时针旋转内部滤芯。工作正常。谢谢