Transforming Three−line Menu Icon
The three-line menu icon, hamburger, navicon, whatever you want to call it, are used far too much on the web nowadays.
That didn't stop me from being perhaps the first to animate the icon to smoothly morph into other useful shapes. The demo I whipped up on CodePen reached over 150,000 views since it's creation in October 2013.
The design pattern has been adopted as part of Google's Material Design spec, and can be found on the websites of Apple, Starbucks, ESPN, and Spotify.Open demo