GSAP动画效果总结页
记录下最近常用的以及自己设置出来的效果,免得日后需要时还要去项目里翻。
放大
TweenLite.from($("#titile"), 1, {scale:0.0, opacity:0.0});
TweenLite.to($("#titile"), 1, {scale:1.0, opacity:1.0});
1
2
2
缩小
TweenLite.from($("#titile"), 1, {scale:2.0, opacity:2.3});
TweenLite.to($("#titile"), 1, {scale:1.0, opacity:1.0});
1
2
2
向前移动(前移/由远及近)
TweenLite.from($("#titile"), 1, {x:"100",y:"10",scale:0.5,ease:Back.easeOut});
TweenLite.to($("#titile"), 1, {x:"10",y:"20",scale:1.0});
1
2
2
向后移动(由近及远)
TweenLite.from($("#titile"), 1, {x:"100",y:"200",scale:1.0,ease:Back.easeOut});
TweenLite.to($("#titile"), 1, {x:"10",y:"20",scale:0.5});
1
2
2
Preview
除特别注明外,本站所有文章均为 Windcoder网 原创,转载请注明出处来自: gsap-dong-hua-xiao-guo-zong-jie-ye
Loading comments...

Preview
No Data