【问题标题】:Absolute positioning on animation failing on SafariSafari上动画失败的绝对定位
【发布时间】:2018-11-21 17:05:24
【问题描述】:

我有一个简单的动画,将一个元素放入“位置:绝对”来翻译它。 在 Chrome 上完美运行并符合预期。 在 Safari 上,绝对定位完全被忽略了……

小提琴:https://codepen.io/anon/pen/YvVZNv

我错过了什么吗?

注意:我不想transform:translate 而不是left

谢谢

【问题讨论】:

    标签: html css google-chrome animation safari


    【解决方案1】:

    keyframesupdated example 之外设置 position,这在 Safari 中有效

    【讨论】:

    • 是的,谢谢,但是,在我的实际用例(更复杂)中,我无法做到这一点。但是好吧,我会接受你的回答,因为 position css 属性似乎不是可动画的:developer.mozilla.org/en-US/docs/Web/CSS/… 我只是幸运地在 Chrome 上工作。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-08
    • 2016-09-01
    • 2012-03-21
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    相关资源
    最近更新 更多