Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Forrest Longanecker

Simple hamburger animation

Recommended Posts

Hello, I am just starting to use GreenSock and have really enjoyed it so far!

I am having a strange issue when trying to target the first defined path in my hamburger SVG the other two paths referenced the same way are behaving as they should but the one with the class "top" will not respond to any input.

I feel like I am missing something simple but am not sure what that may be. I have been using codepen on a Mac with FireFox.

Thanks in advanced!

See the Pen XWrdXGq?editors=1010 by forrestlonganecker (@forrestlonganecker) on CodePen

Link to comment
Share on other sites

Hello Forrest and welcome to the forums!


As Blake said, you've stumbled upon an edge case of browsers. You can use a different variable name or just use a string like ".top" to work around this issue.


Happy tweening.

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