Skip to main content

Blog

Blog posts and Release notes

3.14 Release

· 3 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education

MorphSVG gets a new "smooth" feature​

Usually the default settings deliver beautiful morphs, but if you run into a case where it looks a little funky, you can try the new smooth feature which adds extra "smoothing" anchor points to the artwork.

3.12 release

· 4 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education
  • Clamp your triggers! - Ever had ScrollTriggered animations at the very top of your page start out partially-scrubbed? Now you can clamp() them! This handy feature ensures that the start and end positions stay within the bounds of the page and ensures that all your "above the fold" elements start off in their native positions.
  • Clamp data-speed - More clamping! This time for ScrollSmoother, you can now wrap your data-speed value in clamp() to make the associated element start out in its natural position if it 's within the viewport at the top of the page.
  • ScrollSmoother speed - Hold onto your hats (or scroll wheels?) We 've added a speed option to ScrollSmoother which you can use to make the page scroll faster or slower.

3.11 release

· 6 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education
  • gsap.matchMedia() is a game-changer for responsive, accessible-friendly animations.
  • gsap.context() greatly simplifies setup and reverting of a bunch of animations/ScrollTriggers, especially for React developers!
  • You can now revert() any animation to return the targets to their original state.
  • Set lockAxis: true on an Observer to make it lock into whichever direction the user first drags

3.10 release

· 5 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education
  • ScrollSmoother plugin for delicious, buttery-smooth scrolling that leverages native scroll. 💚
  • Observer plugin greatly simplifies setup for reacting to various events across devices.
  • gsap.quickTo() for frequent redirection to new values like mouse followers
  • ScrollTrigger.normalizeScroll() solves a bunch of scroll-related annoyances across devices and browsers.
  • "\*=" and "/=" relative prefixes - multiply or divide the current value.

3.9 release

· 4 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education
  • Flip Plugin is no longer for members-only! - consider it an early Christmas present from us to you.
  • CustomEase is now in the public downloads as well (and on the CDN)! 'Tis the season to be jolly.
  • Brand new Keyframe options that can drastically reduce the amount of code you must write. If you're used to CSS keyframes, you'll love this.
  • Flip Plugin got a major overhaul and new features including batch() for complex scenarios.

3.8 release

· 6 min read
Jack Doyle
Jack Doyle
Founder and Code Connoisseur
Cassie Evans
Cassie Evans
Developer Education
  • containerAnimation - vertical scrolling can animate a container horizontally; now you can set up ScrollTriggers on that horizontal movement. It's like having nested ScrollTriggers!
  • preventOverlaps & fastScrollEnd - when you jump to a section, do you have lingering animations that overlap? These features can save the day.
  • isInViewport() - a simple way to check if an element is in the viewport
  • positionInViewport() - find out exactly where an element is in relation to the viewport
  • Directional snapping - by default, snapping will now always go in the direction that the user last scrolled. Much more intuitive! There's even a .snapDirectional() utility method.