收藏
回答

css3中的transform translate动画在iphone一些机型上卡顿?

z执行此段代码时,在iphone11 iphone11 pro 和12 pro max上非常卡顿,其它机型流畅

回答关注问题邀请回答
收藏

3 个回答

  • Rabbit小鱼
    Rabbit小鱼
    08-26

    怎么办 救命 我们这一个需求也是 实现元素从右上方掉落到左下方 元素会轻微的上下跳动 一卡一卡的 安卓机更明显

    原来代码:

    @keyframes bigRedfall {

      from {    transform: translate(40vw, -150rpx);}

      to { transform: translate(-70vw, 100vh); }

    }

    网上搜了说改成3d触发硬件加速

    transform: translate3d(70vw, -150rpx, 0);

    还说动画的元素加上

    backface-visibility: hidden;

    还有最外层加上

    transform: translate3d(0, 0, 0);

    都没有效果,求解决~

    08-26
    有用
    回复
  • 一笑皆春
    一笑皆春
    2021-10-09

    only waiting

    2021-10-09
    有用
    回复
  • Hly.
    Hly.
    2021-09-24

    我用 transition 在iphone也很卡

    2021-09-24
    有用
    回复 2
    • zy
      zy
      2021-09-24
      然后解决了吗
      2021-09-24
      回复
    • Hly.
      Hly.
      2021-09-24回复zy
      这不是来找解决方案了吗...(\捂脸)
      2021-09-24
      回复
登录 后发表内容