A simple introduction

GSAP (GreenSock Animation Platform) is a set of “tools” used to create Animation, making Animation creation simple, fast and direct. It includes: TweenLite: the core method, the animation aspect, is responsible for animating the related properties of the element object. TweenLite is lightweight but large enough to still implement common animations and to extend other optional plugins (CSSPlugin, ScrollToPlugin). TweenMax: A heavy, or full, version of TweenLite. It not only implements all TweenLite animation effects and actions, but also repeats, yoyo, repeatDelay, and the like. It already includes plugins like the CSSPlugin, so we don’t need to introduce another one. Strive to be versatile and not just lightweight. TimelineLite: a light volume, useful for arranging and managing your animation sequences, keeping your series of animations on a “timeline”, and the relationships between each animation can be easily managed by preparing controls. You can also nest one timeline on top of another, no matter how many layers you nest. Can make your animation flow easy to modularize. TimelineMax: Extension of TimlineLite, including TimelineLite and additional functions such as repeat, repeatDelay, yoyo, currentLabel(), etc. It’s like TweenLite versus TweenMax. More comprehensive than TimelineLite. Additional tools such as easing effects tools or plugins, and utilities such as Draggable.

Take a look at the picture below:

Green Sock Cheat Sheet can be downloaded from the website

referenceGSAPThe document

Download: greensock.com/get-started…

or

<! --CDN links for TweenLite, CSSPlugin, and EasePack-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/CSSPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/easing/EasePack.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenLite.min.js"></script>

<! --CDN link for TweenMax-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js">
</script>Copy the code

If you refer to the TweenMax file, then you are referring to all the functionality, Because it includes TweenLite, CSSPlugin, EasePack, TimelineLite, TimelineMax, RoundPropsPlugin, BezierPlugin, AttrPlugin, And DirectionalRotationPlugin, it is the largest volume. Of course you can only download references to the documents you want to use.

Making: github.com/greensock/G… Official website and the original text: greensock.com/get-started…

Welcome to DDFE GITHUB: github.com/DDFE wechat official account: wechat search the official account “DDFE” or scan the qr code below