Animated Menu-Icon

Animated Menu-Icon

This sort of menu icon seems quite popular. It needs some extra styling, a bit of js, and an attribute to run, which can all be found on the element tab.

The only difference between the two icons is, that in the left one the horizontal rules are 35 px wide (as against 40px in the right one). If you want to go beyond those two numbers, in either direction, you risk having to deal with changes to the transformation.

Placeholder Picture

Download this component

This component can be used both for 'mobile-up' and 'desktop-down'.