收藏
回答

微信小程序animation-play-state ios不起作用

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS iOS 11.3.1 iPhone 6 6.6.6

 /* transform:rotate(0deg);

 transform-origin: center center;

  animation: go 5s linear infinite normal; */

  animation: go 10s linear infinite;

}

@keyframes go {

   /* 0% {transform: rotate(0deg);opacity: 1}  

 100% {transform: rotate(360deg);opacity: 1} */

 100% {

   transform: rotate(1turn);

 }

}


最后一次编辑于  2018-05-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-31

    你好,请具体描述你的问题,提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)

    2018-05-31
    赞同
    回复 3
    • 席子麥
      席子麥
      2018-05-31

       .clock  {

       

        transform-origin:  center  center ;

         animation:  go  10s  linear  infinite  normal ;  

         /* animation: go 10s linear infinite; */

      }  

       @keyframes  go  {

           0%  { transform:  rotate( 0deg ) ; opacity:  1 }  

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

        /* 100% {

         transform: rotate(1turn);

       } */

      }  

      这个效果给 animation-play-state 这个状态 ios不起作用 模拟器 安卓都是好的


      2018-05-31
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-05-31回复席子麥

      提供完整的复现问题的代码片段( https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key= %E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)吧


      你就给这么个样式,也不知道你是给那个组件添加的样式,也不清楚你原来的效果是要怎样

      2018-05-31
      回复
    • 席子麥
      席子麥
      2018-05-31

      不好意思,就是这个wechatide://minicode/dDf7uPmF6GZm

      2018-05-31
      回复
  • Kingchan
    Kingchan
    2018-06-25

    请问这个问题解决了吗

    2018-06-25
    赞同
    回复 1
    • 席子麥
      席子麥
      2018-06-30

      没有,就安卓和iOS分开写

      2018-06-30
      回复
  • 席子麥
    席子麥
    2018-05-31

    .clock {

     

     transform-origin: center center;

      animation: go 10s linear infinite normal;

      /* animation: go 10s linear infinite; */

    }

    @keyframes go {

        0% {transform: rotate(0deg);opacity: 1}  

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

     /* 100% {

       transform: rotate(1turn);

     } */

    }

    这个效果给 animation-play-state 这个状态 ios不起作用 模拟器 安卓都是好的


    2018-05-31
    赞同
    回复