DEV Community

Cover image for 35 CSS Menus (+ Animations) 🚀

35 CSS Menus (+ Animations) 🚀

webdeasy.de on June 26, 2019

A good user flow contributes enormously to a successful website. The content, positioning and appearance of your menu/navigation should therefore ...
Collapse
 
qservicesinc profile image
QServices Inc

I like #2 the real hamburger.

Collapse
 
mrtung profile image
Mr Tùng

but just like :)

Collapse
 
rmnvsl profile image
Roman Veselý

Those really remind me the good old days of Flash 🎄

Collapse
 
webdeasy profile image
webdeasy.de

Flash was great...some years ago 😂

Collapse
 
quantotius profile image
quantotius
Collapse
 
douglasfugazi profile image
Douglas Fugazi

Really enjoyed this post. My fav was #19. Thanks for sharing.

Collapse
 
webdeasy profile image
webdeasy.de

Thanks for your feedback!

Collapse
 
k_penguin_sato profile image
K-Sato • Edited

2 The real Hamburger Menu

Sensational!

Collapse
 
pradeep7695 profile image
LordKrishna

It's Really Awsm and Cool..
easy and fun..

 -Happy Codig :)
Collapse
 
amir profile image
Amir Meimari • Edited

Great article with lots of examples. thanks!
but i'm kinda into modern design with svg and cool animations and stuff!
is there any more resources about that kind of navigations?

Collapse
 
webdeasy profile image
webdeasy.de

I don't know any more. Maybe a search for "svg menu" or something like this can help you. Or better: make a request on dev.to or/and twitter 😊

Collapse
 
weshulsizer profile image
weshulsizer

I really like #10, but it's a bit off losing the scroll bar. I might also try matching the menu/close icon and paired text animations match a little better.

Collapse
 
archeelux profile image
Arturs Timofejevs

I really like #15!

Collapse
 
nandoblanco profile image
Nando

That hamburger one is GREAT but the real gem here is the accessibility menu. Definitively saving for future reference.

Collapse
 
webdeasy profile image
webdeasy.de

Right! It has a much better usability. How I said there are some awesome fancy menus but also useful menus. 😊

Collapse
 
jefferyhus profile image
El Housseine Jaafari • Edited

Loved every menu :D

Collapse
 
aa82851391 profile image
Avabucks

Nice work! Share this components on BoxCoding

Collapse
 
huynhit92 profile image
huynhit-92

I am hamburger lover so #2 is the best