Jump to content
Search Community

Draw SVG trouble

andrewandopen test
Moderator Tag

Recommended Posts

The outline is the red stroke I added in the CSS. I know you're trying to animate the arrow line, but that is currently a filled path so the stroke goes all the way around it. I don't use Figma so I can't speak to the export settings, but you just want an open path with a stroke applied to it.

 

Make sense?

:)

 

  • Like 2
Link to comment
Share on other sites

Excellent. Glad to see you up and running now. Let us know if you have any other GSAP questions. 

 

Happy tweening.

:)

 

PS Just FYI. I'd switch your tween to this instead of the old TweenLite syntax.

gsap.to("#template", {duration: 1, drawSVG:0, delay:0.5});

 

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