如何在HTML中旋转单个图像？

我想在我创建的表格中旋转3个图像。我已经在这篇文章中添加了这些图片。我很难学会如何这样做，但我在上面找不到任何东西。我希望它能连续旋转。旋转应该像行星绕其轴线旋转一样。

喜爱的球队
团队
什么运动？
标志
匹兹堡钢人队
美式足球
密歇根大学狼獾
美式足球
巴塞罗那足球俱乐部
足球运动

这将旋转图像

如果要设置旋转动画，请参见以下答案：

。旋转{
-webkit变换：旋转（20度）；
变换：旋转（20度）；
}

喜爱的球队
团队
什么运动？
标志
匹兹堡钢人队
美式足球
密歇根大学狼獾
美式足球
巴塞罗那足球俱乐部
足球运动

嗨！看看这个链接，它解释得很好：看看你能不能展示一个gif或示例站点来展示你期望的动画效果？但不要太快。添加一个过渡会更好。