收藏
回答

小程序transform: rotate在ios无效

问题模块
API和组件

@-webkit-keyframes mymove {

  0% {

    transform: rotate(0deg);

    -ms-transform: rotate(0deg); /* IE 9 */

    -moz-transform: rotate(0deg); /* Firefox */

    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */

    -o-transform: rotate(0deg);

  }


  100% {

    transform: rotate(-360deg);

    -ms-transform: rotate(-360deg); /* IE 9 */

    -moz-transform: rotate(-360deg); /* Firefox */

    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */

    -o-transform: rotate(-360deg);

  }

}



.rotate {



        -webkit-animation-name:mymove;

animation-name:mymove;


        -webkit-animation-duration:2s;

animation-duration:2s;

-webkit-animation-fill-mode:both;

animation-fill-mode:both;

}

<view class="rotate"></view>

最后一次编辑于  2017-06-30
回答关注问题邀请回答
收藏

3 个回答

  • 赵青山
    赵青山
    2017-07-03

    transform:none有效吗?

    2017-07-03
    赞同
    回复
  • 梦影
    梦影
    2017-07-03

    安卓可以,但苹果没反应

    2017-07-03
    赞同
    回复
  • 赵青山
    赵青山
    2017-06-30

    小程序能直接用样式做动画吗?

    2017-06-30
    赞同
    回复