Published on Dec 19, 2019

Toggleable Modal Trigger with Animated Hamburger in Oxygen

Sridhar Katakam

Updated on September 02, 2020

This members-only tutorial extends the previous Toggleable Modal Trigger tutorial and shows how to animate the hamburger menu icon between its regular state and a X icon using the CSS-animated hamburgers.

Step 1

Implement the Toggleable Modal Trigger in Oxygen tutorial.

Step 2

Delete the Menu icon and move the Code Block from Step 1c of the earlier tutorial in its place.

In the PHP & HTML area, add:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-ocalendar-check-omagnifiercrossmenuchevron-downarrow-right