【问题标题】:How to Animate an Element Back to Its Original Position with CSS3 @keyframes如何使用 CSS3 @keyframes 将元素动画化回其原始位置
【发布时间】:2012-04-21 01:24:24
【问题描述】:

如果我使用transition,我知道我会怎么做,但我需要一个无限循环的动画(我也想知道是否可以无限转换;呵呵)。访问www.terrasoftlabs.com 了解实际问题。当您将鼠标悬停在图像上时,会完美地过渡到旋转。但是,当您的鼠标离开该区域时,该元素弹回 回到原位。解决方案是什么?我在这里看到了许多类似的问题,但似乎没有一个解决方案符合要求。我很感激任何帮助。谢谢!

【问题讨论】:

    标签: html css hover css-transitions


    【解决方案1】:

    无限动画是可能的:查看这个演示:http://ludonaut.de/mario/

    【讨论】:

    • 他要求无限动画,我交付了。允许用户在不让他们负责的情况下投反对票是失败的原因。我的意思是特洛洛洛洛洛尔
    • 我正在寻找的是一种在动画结束时平滑过渡到其原始状态的方法。只要悬停在我的网站上,它就是无限的。
    • 好的,如果这适用于:hover,我想这是你想要的:joelb.me/blog/2012/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-24
    • 1970-01-01
    • 2011-04-20
    • 1970-01-01
    相关资源
    最近更新 更多