Jump to content
Search Community

My text starts to blink on tweenmax

AsKadir 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

Hi!

I have small problem with my text,

when GSAP script is starting my text is changing its font weigh to thinner on millisecond,

but for me it’s very important.

Sorry for my English, it will be better if you click on menu button in my codepen and see all by yourself.

Is there any solution?

Thanks.

See the Pen OeMLod by ChicagoJostik (@ChicagoJostik) on CodePen

Link to comment
Share on other sites

4 hours ago, PointC said:

I'm not seeing anything odd, but I'm guessing you're referring to FOUC. (Flash of Unstyled Content). We've had some discussions about it.

 

Here's a post that should be helpful.

This may be helpful as well.

https://gist.github.com/johnpolacek/3827270

 

Happy tweening.

Sorry,  but I can’t find the codepen, page doesn’t exist.

I haven’t FOUC.

Maybe my mac too old)

I will check on another more powerful computer.

Thanks!

Link to comment
Share on other sites

I don't see any issues on my machine, however...

 

It doesn't seem to be as much of an issue these days but in the past having objects on different layers (z-indexes) animating often affected text rendering particularly in Safari, this usually meant you had  to play with font smoothing or other font rendering options to fix it.

 

You mentioned you're on an older mac which suggests that maybe it's an older browser as well, that is displaying this type of bug.

 

An article from a few years ago discussing something similar.

 

https://www.lockedownseo.com/webkit-bug-slider-causes-font-weight-changes-on-page/

 

 

  • Like 1
  • Thanks 1
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...