002 | Pure CSS animated Samurai Katana hamburger (mobile) menu toggle – Freebie

Although I’m on team anti-digital-hamburger for (short) main menus, I do like to be creative with these kind of elements.
A lot of – if not most – templates are prepacked with them already, so if you don’t feel like yanking them out, why not take a few minutes to at least try …

For all fellow Japanese arts enthusiasts, I hereby like to share my Animated pure CSS Japanese Katana menu toggle button.

The HTML is pretty straightforward. I’d even love to leave out the empty spans, but it’s justifiable since I use all pseudo-elements on them:

Feel free to use it for whatever project you like!