user profile image

Burger icon with pseudo-elements, animated nav background with pseudo-element, off-trigger area (outside nav opened) width pseudo-element.

No repaint, no reflow, no JS, but the blur effect may be a little laggy, particulary on mobile devices.


  1. Super cool!

  2. @ahmad_hania > Nice! Did you notice that you can clic out of the menu area to close it? (not seen in the gif) — Done with pseudo element :)

  3. Yes, I noticed but I didn't add the gif. You can contact them to show it or mention it. Nice work by the way :)

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.