I’m working on a website where I have a button for an Overlay in the Menu.
When clicked, the Overlay is supposed to slide down from the Top.
I solved it by setting the initial State of the Overlay to “Display: None” and “Move-y: -100%” and then the click first triggers “Display: Block” and then “move-y: 0”
For some reason though the overlay always directly appears close to 0 and only “moves” for the last couple percentages.
But I made it go back up again the same way and there it actually moves the whole way without jumping.
What Am I doing wrong?
Any tips would be greatly appreciated
Here’s the Link: