Animation 在HTML5画布或css3中旋转jpg

说到网络动画，我是一个新手，我想知道是否有人知道我如何使用jpg播放mp3并在点击时不断旋转。我想它可以通过html5画布或css3转换来实现？但我不知道如何执行这个，尤其是我希望它能一直缓慢地旋转，非常感谢您的帮助

您可以使用css3的功能：

只需将旋转类附加到需要旋转的每个对象。只需更改属性即可使动画变慢或变快。请注意，您必须在每个CSS3属性中添加供应商前缀'-moz'，'-o'，'-webkit'。例如，对于FF，您将需要

.spinning {
  -moz-animation-name: rotate;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

---

.

您将需要CSS3动画，而不是过渡。

.spinning {
  -moz-animation-name: rotate;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}