小程序transform: rotate在ios无效

发布于 6 年前作者 taoxiong9588 次浏览最后编辑 6 年前来自 ask

@-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>

3 回复
yewei
yewei1 楼6 年前

安卓可以,但苹果没反应

xtao
xtao2 楼6 年前

transform:none有效吗?

ming86
ming863 楼4 年前

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