Jose Tamu
July 16, 2024 / Intermediate
Wrap Menu
Wrap Menu·
How it works
Wrap Menu is a nestable block element, made of a Burger (that can be to any custom toggle), Overlay Content and Body Root elements.
All your wrapped content on toggle has to be set inside Overlay Content element.
And all your page content (body) has to be set inside Body Root element.
Wrap controls
Scale: determines the scale to apply to Body Root when toggled.
Top distance: determines the top distance to apply to Body Root when toggled.
Custom toggle: menu’s toggle will be the Burger that comes with it by default but you can set your own here passed by it’s classname.
Animation controls
Duration
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.
– Tamu
On this page