Jump to content
GreenSock

gareth

fade in one word at a time

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,

 

Sorry I can seem to find anywhere that explains how you target individual words for animation ?

 

thanks,

g

Link to comment
Share on other sites

I recently developed and released a JQuery & Tweenmax plugin that can split, words, letters or lines. 

 

It includes some build-in effects, but it is easy to customize, or you can simply use it to get the splited words out.

 

You can find it here: 

http://nightlycoding.com/index.php/2013/03/text-animation-jquery-plugin-released/

 

or check some examples and download it here: http://netgfx.github.com/SplitText/

 

I hope it helps!

Link to comment
Share on other sites

Looks great Micheal, thank you. 

 

Do the demos on this site use your plugin? Also, not a huge deal, but does your plugin respect basic html e.g paragraph tags. 

Link to comment
Share on other sites

Hi Gareth here is an example of how we split a string into individual characters wrapped in span tags:

See the Pen kuych by GreenSock (@GreenSock) on CodePen

 

Michael's plugin certainly offers more features. Its very nice.

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.
×