This is my first post here, love Webflow and it’s pretty much self-explanatory but unfortunately not everything. This issue is purely on the animation of the menu button, not the menu itself. So here is my issue:
In the top right corner I’ve got my menu button, when you press it will rotate clockwise and change color from ‘grey BG, yellow arrow’ to a ‘yellow BG, grey arrow’. When you “close” (click again) the menu will rotate once more clockwise and do the color switch back to it’s origin. So this works as intended, now when you open the menu again it will rotate counter-clockwise instead of clockwise so it looks looped. I think this is because of the rotation value it is set on after the 2nd click, but I need to know how to reset that value to z-axis = 0 degrees?
If I try a 0 degrees rotation at the end of the animation it does nothing (unfortunately). If I set the initial state to 0 degrees it does nothing as well…
Hope someone can help?!
If there are any questions, please post them here and I’ll try to answer them a quickly as possible
Thanks in advance for those who take the time to look at this.
Here is my public share link: LINK
 If the animation doesn’t work, try the published link: www.notsosquare.eu (refresh to rewatch…)