小程序_播放图片旋转动画

1、wxml

<image src="xxxxx_url" id="imageicon" style='animation-play-state:{{playing?"running":"paused"}};' />

2、wxss

#imageicon{width: 388rpx;height: 388rpx;border-radius: 50%;
animation-delay: .5s;animation: rotate_img 20s linear infinite;}

@keyframes rotate_img {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

参考资料：
ios 中使用 animation-play-state: paused 属性失效的问题