Jump to content
Search Community

MorphSVG and SplitText plugin

fernandofas test
Moderator Tag

Go to solution Solved by Carl,

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 guys,

 

I'm testing the morphsvg and splittext plugins and got something interesting.

After read the tutorials and following the videos from the website, my results didn't match the tutorials and I would like to know why.

 

Strangely, when the splittext is running, it grabs all the javascript codes and post it as a text.

I'm sure that is not common, but I have no idea atm what's going on.

 

If you could have a look and reply to this treat it will be great.

 

Kind regards,

 

Fernando Fas

See the Pen wWEJbE by fernandofas (@fernandofas) on CodePen

Link to comment
Share on other sites

  • Solution

Glad to hear you are experimenting with the bonus plugins. 

 

Thanks for sharing the demo. The only problem is that you did not have a closing div tag on quote. Since quote wasn't closed all the JS that followed in the page got selected. Easy mistake to make. 

//bad:
<div id="quote">Lorem Ipsum is simply...<div>

//good:
<div id="quote">Lorem Ipsum is simply...</div>

http://codepen.io/GreenSock/pen/jAvwVy

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