收藏
回答

cover-image 再真机上不能执行动画操作,开发者工具是可以的?

代码片段:

    .square {

      positionabsolute;

      top0;

      left0;

      width124rpx;

      height120rpx;

      backface-visibility:hidden;

      animation: roatate1 800ms linear infinite;

      -webkit-animation: roatate1 800ms linear infinite;

      transitionall 1s;

    }

@keyframes roatate1 {

  0% {

    -webkit-transformrotateY(0);

    -ms-transformrotateY(0);

    -o-transformrotateY(0);

    transformrotateY(0);

  }

  100% {

    -webkit-transformrotateY(360deg);

    -ms-transformrotateY(360deg);

    -o-transformrotateY(360deg);

    transformrotateY(360deg);

  }

}

//wxml

   <!-- 动画图  -->

    <cover-view class="icon">

      <cover-image

        src="https://cmspic-10004025.image.myqcloud.com/770329f0-0cc8-11ea-a23b-61ccb1018642_size_124x120"

        class="box"

      ></cover-image>

      <cover-image

        src="https://cmspic-10004025.image.myqcloud.com/9694ad20-0cc8-11ea-a23b-61ccb1018642_size_124x120"

        class="square"

      />

      <cover-image

        src="https://cmspic-10004025.image.myqcloud.com/cd250790-0cc8-11ea-a23b-61ccb1018642_size_124x120"

        class="kw"

      ></cover-image>

    </cover-view>


最后一次编辑于  11-25
回答关注问题邀请回答
收藏

1 个回答

问题标签