收藏
回答

[H5页面] ios端iphone12 transform失效?

最近开发一个h5小游戏,主要通过animation、transition和transform实现动画效果。遇到个bug,如题:iphone12  transform经常失效,同样的代码在安卓和低版本ios上就没问题。

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

1 个回答

  • 星河 O_o
    星河 O_o
    06-11
    比如这个:既不会向左translate(-50%,0),也不会旋转。
    <img v-show="overFiftyPe" class="over-light" src="../assets/raceGameImg/gameover_light@2x.png" alt=""/>
    .over-light {
        position: absolute;
        top: -30vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 80vw;
        height: auto;
        z-index: 110;
        animation: lightRotate 8s linear infinite;
    }
    @keyframes lightRotate {
        0% {
            transform: translate(-50%, 0) rotate(0);
        }
        100% {
            transform: translate(-50%, 0) rotate(360deg);
        }
    }
    
    06-11
    有用
    回复
登录 后发表内容