使用CSS动画可以在圆圈中旋转时保持元素直立

Question

我有大约10个图标，所有图标都排列成直径约为400像素的圆形。图标分别为80x80。

我想让这些图标围成一圈旋转，但是当我实现动画时，图标本身也会旋转 - 例如，底部的图标变得颠倒了。

有没有办法让它们在圆圈中一起旋转但是让图标保持直立？

谢谢！

Answer 1

由http://lea.verou.me/2012/02/moving-an-element-along-a-circle/提供

这个小提琴解决了它：http://jsfiddle.net/cswkd/

好问题！