Animating an SVG Menu Icon with Segment

We are very happy to share an interesting menu icon effect with you. The idea is based on the Dribbble shot hamburger menu by Tamas Kojo. At first, the icon is the classic burger menu icon. But when you click on it, it becomes a close icon with a fun “ninja” effect. The animation is reversed when you click on the close icon which turns it into the initial hamburger icon again. Take a look:

This project  is released by Luis Manuel

View demoDownload freebie
Date

May 03, 2016

Category
CSS, Javascript, Menu, SVG

Pin It on Pinterest

Share This