This hamburger menu transform into a back arrow on click. Designed by Sean Dempsey.
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen Google Menu Toggle Animation by Sean Dempsey (@seanseansean) on CodePen.0
Recent Posts: Web Design Inspiration with Code Snippets
360 Panorama Video Embed
Do you have a 360 panorama video you have recently taken on your smartphone or camera and do you want to showcase that on your webpage? You are in luck as this snippet using three.js can help you embed that video on your webpage, you can also interact with it by clicking and dragging to…
Read MoreMinimalist Cafe Menu Design
You can use this CSS only responsive cafe menu design by Elliott Quinn to show the menu and some other details like opening hours, location, etc
Read MoreShooting Star Background in Pure CSS
If you want to add a hero section with some fancy looking shooting stars in the background this snippet by Yusuke Nakaya is just what you need.
Read MoreAwesome Box Shadow Effect for Card UI
Check out this simple but effective CSS snippet of using 2 box-shadow, the second one with a bigger blur and opacity. Works well on card UI elements.
Read MoreDiagonal Before After Image Slider
We have seen various before after image sliders, this new one was designed by Brett McCaffray. When you move the mouse pointer the slider moves as well revealing more or less of the image in the background.
Read More