Javascript to minimize <div> using Genie effect? [closed]

别来无恙 提交于 2019-12-03 15:56:43

This effect will not be possible with pure DOM manipulation. The flow and shape of an element is determined by rendering engine of the browser. You can apply CSS3 transformations but even this is limited to a subset of the combined steps you would need to achieve this look. However if you could handle Flash being part of this solutions you have many more options:

http://wonderfl.net/c/qnTR

This example is cracking me up (best Hello World ever!):

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

You can achieve the Genie effect if you use a canvas library. Here's one called CAAT.

Try using the fadeInUpBig and fadeOutDownBig classes from animate.css

There isn't anything that is similar to the genie effect. The closest animation you can get is if you make something on your own using CSS transforms (using scale and skew) and jQuery callbacks. Standard CSS properties of setting the top, left, width, and height values won't get you the effect you're after.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!