DEV Community

Cover image for Easy micro-interactions in CSS (Pt1): Hamburger menu icons

Easy micro-interactions in CSS (Pt1): Hamburger menu icons

Anastasia Kas on November 11, 2019

Whether you’re a designer or a developer working on the user-facing side of things, you have probably noticed how important micro-interactions can ...
Collapse
 
abubakr_siddik_2abfdb7a profile image
AbuBakr (SiddiK)

Love the focus on tiny details like the hamburger. When I test nav patterns, I usually grab one icon style from my main library and keep everything built around that. Using something like Hugeicons means even after I animate or tweak it, it still feels like part of the same family as the rest of the UI.

Collapse
 
cyberhck profile image
Nishchal Gautam

My favorite was second one, looks really good, and not a fan of last one. Saved to reading list

Collapse
 
chaladi profile image
Gopal Chaladi

That's simply wonderful

Collapse
 
saintasia profile image
Anastasia Kas

Thanks, Gopal! Glad you liked it 😊

Collapse
 
saintasia profile image
Anastasia Kas • Edited

Thank you, Waqar!
I'll do my best to write another small tutorial in the next couple of weeks seeing that this one got so much attention. 😃