Jump to content
Search Community

font (re-)renders or anti-alias thing after timeline is complete

flowen test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

That's probably due to the browser shifting between rendering contexts, as the default "force3D" is "auto" in GSAP, meaning that it applies transforms with 3D in order to get GPU acceleration (layerize the element(s)) DURING the tween, and then removes the 3D stuff at the end (as long as it doesn't need anything 3D). In other words, during the tween it'd use translate3d(...), for example, and then at the end it uses translate(). Chrome is known for some pretty funky rendering algorithms (see https://greensock.com/will-change). 

 

You can just force things to ALWAYS be 3D or NEVER be 3D by setting the appropriate force3D value on your individual tweens, or just set the default like: 

CSSPlugin.defaultForce3D = false; //or you can try true and see which performs better in your scenario

Does that help? 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...