CSS3旋转动画

&lt；img class=“image”src=”“alt=”“width=“120”height=“120”&gt；

无法使此动画图像正常工作，它应该进行360度旋转

我猜下面的CSS有些问题，因为它只是保持静止

.image{
浮动：左；
保证金：0自动；
位置：绝对位置；
最高：50%；
左：50%；
宽度：120px；
高度：120px；
利润上限：-60px；
左边距：-60px；
-webkit动画名称：spin；
-webkit动画持续时间：4000ms；
-webkit动画迭代计数：无限；
-webkit动画计时功能：线性；
-moz动画名称：spin；
-moz动画持续时间：4000ms；
-moz动画迭代次数：无限；
-moz动画计时功能：线性；
-ms动画名称：旋转；
-ms动画持续时间：4000ms；
-ms动画迭代次数：无限；
-ms动画计时功能：线性；
动画名称：旋转；
动画持续时间：4000ms；
动画迭代次数：无限；
动画计时功能：线性；
@-ms关键帧旋转{
从{
-ms变换：旋转（0度）；
}到{
-ms变换：旋转（360度）；
}
}
@-moz关键帧旋转{
从{
-moz变换：旋转（0度）；
}到{
-moz变换：旋转（360度）；
}
}
@-webkit关键帧旋转{
从{
-webkit变换：旋转（0度）；
}到{
-webkit变换：旋转（360度）；
}
}
@关键帧旋转{
从{
变换：旋转（0度）；
}到{
变换：旋转（360度）；
}
}
}