• hier een aantal voorbeelden van Sanne hoe hij GSAP gebruikt
    • Hij maakt gebruik van drawingsvg waarbij er een animatie word getekend
  • hier kan je gemakkelijk een library vinden over easing.

Oefenen

Ik heb van Sanne een aantal oefeningen gevolgd over GSAP

GSAP docs

There are four types of tweens:

gsap.to() - This is the most common type of tween. A .to() tween will start at the element’s current state and animate “to” the values defined in the tween.

gsap.from() - Like a backwards .to() where it animates “from” the values defined in the tweenand ends at the element’s current state.

gsap.fromTo() - You define both the starting and ending values.

gsap.set() Immediately sets properties (no animation). It’s essentially a zero-duration .to()tween.