当前目录: 动画库GSAP
在线loading svg

2016年8月22日  动画库GSAP,收藏夹   

http://loading.io/

GASP | TimelineMax时间轴

2016年6月12日  前端资源,动画库GSAP   

TimelineMax .add() //在时间末尾添加一个动画、标签、回调 //add a tween to the end of the timeline tl.add( TweenLite.to(element, 2, {left:100}) ); //add a callback at 1.5 seconds tl.add(func, 1.5); //add a label 2 seconds after the end of the timeline (with a gap of 2 seconds) tl.add("myLabel", "+=2"); //add another timeline at "myLabel" tl.add(otherTimeline, "myLabel"); //add an array of tweens 2 seconds after "myLabel" tl.add([tween1, tween2, tween3], "myLabel+=2"); //add an array of tweens so that they are sequenced one-after-the-other with 0.5 seconds inbetween them, starting 2 seconds after the end of the timeline ...

动画库GSAP 文本替换动画TextPlugin.min.js

2016年6月2日  动画库GSAP   

代码风格 TweenLite.to('#box1', 2, { text:{ value:"This is the new text", //要显示的文本 delimiter:" ", //以空格为单位,一个单词显示,而不是一个字母逐步显示 padSpace:true, //新文本比旧文本过短时吗,建议开启 newClass:"class2", //新文本容器的class名 oldClass:"class1" //旧文本容器的class名 }, ease:Linear.easeNone //速度效果 }); 演示效果:https://www.xgllseo.com/wp-content/uploads/2016/06/TextPlugin/1.html

动画库GSAP 字符串处理插件SplitText.min.js

2016年6月2日  前端资源,动画库GSAP   

SplitText.min.js会将一段字符串不管是字母还是中文,会按照需求分割并用div包裹着。 SplitText.min.js是动画库GSAP提供的一款插件,但是它可以独立使用,并且还是收费的!! 破解版SplitText.min.js下载   代码: var split = new SplitText("#yourElementID", //选择器 { type:"chars,words,lines", //以单个字母分割,以单词分割,以行分割 position:'absolute', charsClass:'aa++', //批量添加class,如aa1,aa2,aa3,... linesClass:'line++', wordsClass:'word++' });   选择器: var yourElement = document.getElementById("yourID"); var split = new SplitText(yourElement); //原生DOM方式 var split = new SplitText("#yourID"); //模仿jquery var split = new SplitText...

推荐:动画库GSAP|中文手册

2016年5月31日  前端资源,动画库GSAP   

jquery animate 动画 如果只是简单的动画效果可以借助jquery的animate就可以,如果是复杂又不想损耗性能又要充分发挥HTML5性能推荐使用 GSAP是一套高性能的HTML5脚本工具。总之很好用兼容性也很好。 GSAP全称是GreenSock Animation Platform包括以下代码: TweenLite:是一个极其快、轻量级、灵活的动画工具,为GSAP的底层服务。 TweenMax:是TweenLite的扩展,添加了很多有用的功能如:repeat(), repeatDelay(), yoyo()更多,还默认包括了一些有用的插件。 任意的插件也能在TweenLite上运行。TweenMax免去了你加载一些插件,如: CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin,EasePack, TimelineLite, and TimelineMax。TweenMax和TweenLite语法完全一样。 TimelineLite:是...

第1页,共2页 首页 上一页12下一页 尾页