小程序端使用css动画

小程序端支持css动画. 虽然应用了@keyframes会报一条警告, 但事实上又可以使用

/* 定义动画 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 应用于特定元素，例如类名为 spin-element 的元素 */
.spin-element {
  display: inline-block;
  /* 设置旋转的中心点 */
  transform-origin: center;

  /* 应用动画 */
  animation: spin 2s linear infinite; /* 动画名称、持续时间、动画曲线、无限循环 */
}