jQuery反弹效果

Question

您好我正在寻找使用弹出效果在页面上显示模态div，就像在iPhone上看到它的弹出消息一样。

通过弹跳我的意思是比规格更大，然后在弹性化的情况下变成实际尺寸，同时逐渐消失。

关于从哪里开始的任何想法？

Answer 1

我从easing plugin开始。主页上的演示看起来非常接近您所追求的目标。

Answer 2

我首先尝试使用缓动插件中的不同效果：http://gsgd.co.uk/sandbox/jquery/easing/

Answer 3

由于您无法通过因子正确扩展HTML元素（这看起来很奇怪），我建议采用更简单的方法。只需设置overflow: hidden并相应地设置元素的大小。这看起来不像原生对话框那么好，但它接近。您可以使用jQuery easing plugin作为反弹动画。

Answer 4

解决方案是使用CSS3动画技术，例如scale3d，并将其与不透明度混合。