Jose Tamu
January 10, 2025 /
Beginner

Burger

How it works

Burger is the element used as the open/close toggle at all Menu elements available at Dancepad by default.
However you can use it as the toggle of anything available outside Dancepad ecosystem if a custom toggle is allowed.

Content tab

Settings group

Collection & Type: depending on the collection selected (Tasty Hamburgers, Disfigured, Arrows, Distorted, Flipped and General) you will be able to choose a type from that collection as the Burger.
Reverse: if enabled, the animation will play in reverse mode. It is only allowed at some Burger types.

Animation group

Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

Style tab

Burger styles can be set here, including stroke colors, stroke height, dimensions, background... as well as it's positioning. It is a very common practice to have burgers with an absolute or fixed position.
If you need additional custom styles, you can set them at the Settings tab.