使用精灵效果最小化的Javascript？

我想最小化一个盒子，就像Mac上的精灵效果中的popup popin一样，我发现jQuery Transfer 效果很接近，但还不够，它只绘制轮廓并且实际上没有涂抹物体，有没有办法模仿精灵最小化Mac的影响？

谢谢。

Answer 1

纯DOM操作无法实现此效果。 元素的流和形状由浏览器的渲染引擎确定。 您可以应用CSS3转换，但即使这样也仅限于实现此外观所需的组合步骤的子集。 但是，如果您可以处理Flash作为此解决方案的一部分，您还有更多选择：

http://wonderfl.net/c/qnTR

这个例子让我好斗（最好的Hello World！）：

http://swingpantsflash.com/genie_transition/genietransition.html

Answer 2

如果使用canvas库，则可以实现精灵效果。 这是一个叫做CAAT的人 。

尝试使用animate.css中的fadeInUpBig和fadeOutDownBig类

Answer 3

没有任何类似于精灵效果的东西。 您可以获得的最接近的动画是使用CSS变换（使用缩放和偏斜）和jQuery回调自己创建的东西。 设置顶部，左侧，宽度和高度值的标准CSS属性不会为您带来效果。