Jump to content
GreenSock

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

Text tag glitches

Recommended Posts

Hi all,

I'm having some issues when I animate text using gsap and scrollmagic. The screenshot shows where I'm in the middle of a tween that has a duration. 

Any thoughts?

 

Thanks;

Capture.PNG

Link to post
Share on other sites

Hi @Em Karimifar :)

 

It's difficult to say without a demo as we have no idea what the animation is doing there. I would find it highly unlikely to have anything to do with GSAP though. It looks like a strange rendering issue to me. If you could make a demo, we'd be happy to take a look for you.

Is this all browsers & operating systems? Tried on multiple machines? 

 

Thanks.

:)

  • Like 2
Link to post
Share on other sites

@PointC

Sorry about that. It's actually a part of a long parallax page and it's hard for me to make a demo now.

But what tweenMax does to the text is scale and opacity change from 0 to 1. This rendering glitch happened for a couple other instances and I thought maybe that's a common problem!

 

It's the same for Mozila, Chrome and Safari lastet versions. Both ios and windows.

Link to post
Share on other sites

GSAP is only animating the values. It doesn't do any of the rendering as that's all done by the browser. If this is happening in all browsers and all machines, there must be something else funky going on there. If you can recreate the issue in a demo, we can probably point you towards the culprit.

 

Are you animating scale or font-size? You don't happen to have some leftover CSS animation also trying to animate those letters at the same time do you? I'm just throwing out guesses at this point. I wish I could be more help.

 

Please let us know if you can recreate the problem in a demo. Thanks and happy tweening.

:)

  • Like 2
  • Thanks 1
Link to post
Share on other sites

Thanks Craig, I will try to make a demo as soon as I can. 

It's just scale/opacity and no css animation is involved.

 

Cheers :)

Link to post
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.

×