- hier een aantal voorbeelden van Sanne hoe hij GSAP gebruikt
- Hij maakt gebruik van
drawingsvg
waarbij er een animatie word getekend
- Hij maakt gebruik van
- 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.