收藏
回答

使用transform配合transition做动画的时候 出现闪烁?

在使用transform配置transition做动画的时候 当scale过大时 动画未执行且元素闪烁



如上视频所示 我在touchend的时候将元素样式赋值为transition: transform .2s 使元素吸附剪裁边缘。

但是当我的缩放比例过大的时候 动画并未执行而且闪烁。

经过测试 闪烁的时间就是transition-duration的时间,所以可以判定是动画执行的问题。

想要获得的回答

解决该问题的方法

已经尝试的办法

设置backface-visibility: hidden; translate3d;transform-style: preserve-3d; 均无效

设置元素position为fixed absolute 均无效

设置父元素overflow:hidden 无效


最后一次编辑于  2020-09-20
回答关注问题邀请回答
收藏

1 个回答

  • 陈宇明
    陈宇明
    2020-09-20

    动画结束后你设置显示隐藏属性吗?

    2020-09-20
    有用
    回复 1
    • 卡卡卡
      卡卡卡
      2020-09-20
      没有
      2020-09-20
      回复
登录 后发表内容
问题标签