小程序音乐播放组件旋转与暂停样式

最新推荐文章于 2023-07-11 10:48:07 发布

bokolin

最新推荐文章于 2023-07-11 10:48:07 发布

阅读量1k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_38245489/article/details/95204127

版权

小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 <image class="classic-img {{playing?'rotation':'rotation suspended'}}" src="{{img}}" />
 .rotation {
  -webkit-transform: rotate(360deg);
  animation: rotation 12s linear infinite;
  -moz-animation: rotation 12s linear infinite;
  -webkit-animation: rotation 12s linear infinite;
  -o-animation: rotation 12s linear infinite;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.suspended {
  animation-play-state: paused;
}
```