Question

登录框从顶部飞过，输入字段随之激活，直到反弹结束。它对我来说看起来很酷。

我想知道如何制作这样的效果。我认为这是CSS3动画。是否有任何插件或库？

Answer 1

如果您正在寻找快速解决方案，可以使用animation: bounceY 0.9s linear;。

或者

您可以使用这样的自定义立方贝塞尔过渡：

-webkit-transition: all 0.5s cubic-bezier(.21,-1,.48,2);
        transition: all 0.5s cubic-bezier(.21,-1,.48,2);

在这里演示 jsfiddle 。只需将鼠标悬停在后面的div上。

您可以更改并调整效果，直到它恰到好处！

Answer 2

尝试使用jQuery Easing Plugin之类的内容。我几乎在我的项目中使用它，它有很多功能，我希望这会对你有帮助。