Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Top 10 Reasons to use GSAP to Animate Transforms
Sign in to follow this  

| GreenSock

You may be surprised by how much work GSAP does under the hood to make animating transforms intuitive and performant. This video explains the top 10 reasons you should be using GSAP to animate transform-related values like scale, rotation, x, y, etc.

Watch the video

  1. Independent control of each component (x, y, scaleX, scaleY, rotation, etc.)
  2. Physics-based animations and dragging, plus advanced easing like Elastic and Bounce
  3. Snap to any increment or set of values
  4. Query values anytime with _gsTransform
  5. Relative values ("+=" and "-=")
  6. Directional rotation (clockwise, counter-clockwise, or shortest)
  7. Two different skew types ("compensated" and "simple")
  8. Consistency across browsers, especially with SVG
  9. Animate along a path
  10. Sequencing and on-the-fly controls

All of these features are baked into CSSPlugin (which is included inside TweenMax). See the docs for more information. Happy tweening!

Get an all-access pass to premium plugins, offers, and more!

Join the Club

Cook up some delightful animation today with a generous dose of GSAP.

- Team GreenSock
Sign in to follow this  

User Feedback

Recommended Comments

There are no comments to display.

This is now closed for further comments