微信小程序实现旋转动画

 

还是css3实现的效果：

.transfBg {
  position: absolute;
  width: 480rpx !important;
  height: 480rpx !important;
  left: 50%;
  top: 50%;
  margin: -240rpx 0 0 -240rpx;
  animation: headRotate 6s linear infinite
}

/* 头像旋转效果  */
@keyframes headRotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}