Jump to content
GreenSock

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

How to use TextPlugin

Recommended Posts

Hello,

 

Is it necessery to add a plugin to use TextPlugin whith GSAP or just the two js (TimeLine and TweenMax) to use it ? 

 

Thanks a lot.

 

 

Link to post
Share on other sites

Thanks you very much for your help Carl.

 

Have you some other demo ? I'm a beginner with GSAP

Link to post
Share on other sites

Here is a simplified demo that only has a single TweenLite animation that changes the text in an h1 tag with id of "myText"

TweenLite.to("#myText", 2, {text:"thank you for waiting", delay:1});

http://codepen.io/GreenSock/pen/oYzjGY?editors=1010

 

If there is a particular part you aren't understanding, let us know. Happy to help.

Link to post
Share on other sites

Oh thank you, I understand :-)

Have you some other codepen that you could share to see differents uses of GSAP ? 

Link to post
Share on other sites

Oh thank you, I understand :-)

 

Have you some other codepen that you could share to see differents uses of GSAP ? 

 

Hi alancoppin,

 

Do you mean in general or specific to TextPlugin?

Link to post
Share on other sites

Yes in general.. :-) 

 

It's easier to learn when it's a concrete example...

 

Thanks a lot

Link to post
Share on other sites

Yes in general.. :-)

 

It's easier to learn when it's a concrete example...

 

Thanks a lot

 

Well, in general is pretty much anything you can imagine. 

 

Throw "gsap" in CodePen's search box after you have completed Carl's homework and it will give you an enormous number of examples to look at. Put other keywords to be a bit more specific and have fun :D

  • Like 1
Link to post
Share on other sites

Hi guys, i'm currently using the text plugin. Is there any way i can change the color of a specific word. the animation types out the letters one after the other, i want the last two letters to be a different color

Link to post
Share on other sites

Hey @catheryn. You can do this by adding a class via the newClass property (as covered in the docs). However, if you only want to add the class to part of the text it'd be good to split it up into two tweens. To sequence them you could use a timeline.

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

×