Jump to content
Search Community

Matrix3D transformation working differently on separate pages on the same element

GreenBox test
Moderator Tag

Recommended Posts

The animation of a hamburger is working differently on 2 separate pages using the same header navigation. The transform property Matrix 3d is not the same. 

The animation is an open/close of a hamburger. In the first instance the values throw off the animation. The second is correct.

 

For example: 
 

transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 6, 2.71525e+11, -2.71525e+08);

versus

transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 6, 0.1, 0.9999);

What factors could be causing this difference?

Link to comment
Share on other sites

Thank you ZachSaucier. I attached 2 files below. On click, the burger menu disappears on the home page. Both pages are using the same header. Although the svg lines are not visible on the home page , clicking on the burger menu area still works *i.e. menu closes and opens. 

 

1297975599_InitialState.thumb.png.5846b24f7dca5d3e9eccbcbcd7028490.png1942993221_OpenState.thumb.png.6777fb612e6e770b4d9d3841a19309d5.png 

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