【问题标题】:Can we prioritize animations in a web page我们可以优先考虑网页中的动画吗
【发布时间】:2018-03-06 17:15:24
【问题描述】:

如果我有 2 个动画在点击时发生,我们可以优先考虑哪个动画首先发生。

两个动画都是正交的。我想优先处理一个动画。

有什么办法吗?

【问题讨论】:

  • 什么意思?你能举一些例子吗?

标签: html css reactjs


【解决方案1】:

您可以将其中一个动画延迟几秒钟:

https://www.w3schools.com/cssref/css3_pr_transition-delay.asp

如果将其与animation-duration 结合使用,则可以确保第二个动画在第一个动画完成后开始。

https://www.w3schools.com/cssref/css3_pr_animation-duration.asp

希望对你有帮助。

【讨论】:

    【解决方案2】:

    也许您可以将动画应用于不同的事件,例如 onmousedown/onmouseup 以控制先触发的事件。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-02-12
    • 2017-01-08
    • 1970-01-01
    • 2017-11-01
    • 2014-10-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多