svg+js水母动画代码,可爱的卡通水母网页特效。 水母是纯svg画成，没有用到css。而游泳的动画是由js写成，并用了TweenMax.js这个库。 tweenmax.js动画库集成了GreenSock动画平台（greensock.com）的大部分核心功能,且具有极高的兼容性。 正好来说下TweenMax这个是干吗用的，其中一个重要的功能就是频繁操作dom。举个例子，比如你要在1秒内移动一个元素到什么距离就可以用这个TweenMax方法。
我们可以看看TweenMax.to这个动画的结构
TweenMax.to( target:Object, duration:Number, vars:Object )
target : 同jQuery选择器,也可为一个数组,甚至是一个普通对象(此时动画过程即对象属性的渐变过程)
duration : 一般为 秒
vars : 对象属性,如 left , x , opacity 等
TweenMax 一个3D旋转的案例
TweenMax.set("img", { css: { transformPerspective: 400, transformStyle: "preserve-3d" } });
TweenMax.to("img", 1, { ease: Power0.easeNone, css: { rotationY: 360, rotationX: -360, rotationZ: 180, z: 300, top: '-60vh' } })