Javascript功能来减少 使用精灵的效果呢? [关闭](Javascript to m

2019-07-30 14:48发布

我想,以尽量减少一个盒子,就像在精灵效果的弹出人口信息网在Mac上,我发现jQuery的传输效果是一个接近,但不是很够,只汲取轮廓,并不实际涂抹的对象,有没有办法模仿精灵减少苹果的影响?

谢谢。

Answer 1:

这种效果是不可能的纯DOM操作。 一个元件的流动和形状是由呈现在浏览器的发动机来确定。 您可以申请CSS3转换,但即使这是仅限于你需要做到这一点看,合并步骤的子集。 但是,如果你能处理Flash是这个解决方案,您有更多的选择的一部分:

http://wonderfl.net/c/qnTR

这个例子是破解了我(最好的Hello World永远!):

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



Answer 2:

如果您使用的帆布库可以达到神奇效果。 这里有一个叫CAAT 。

尝试使用fadeInUpBigfadeOutDownBig从类animate.css



Answer 3:

有没有什么类似的神奇效果。 你可以得到的最接近的动画,如果你做(使用规模和倾斜)和jQuery回调对自己使用CSS转换的东西。 设置顶级标准的CSS属性,左,宽度和高度值不会让你你后的效果。



文章来源: Javascript to minimize
using Genie effect? [closed]