DEV Community

Cover image for Animated Navigation Menu

Animated Navigation Menu

Alvaro Montoro on May 20, 2024

This past weekend, I coded an interactive navigation using HTML and CSS (no JavaScript this time): (click on Rerun at the bottom right corner ...
Collapse
 
best_codes profile image
Best Codes

This is really cool! The only thing I felt like could use some improvement was this big gap at the top and bottom:

Image description

Other than that, this is awesome! Keep up the good work!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

That's going to be a tough one as it's because of the perspective. Maybe I could lift it 2rem instead of 3rem and the gap wouldn't be that visible?

Collapse
 
renancferro profile image
Renan Ferro

Wow, really cool man!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks!

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

This is super neat with a nice write up too!

Awesome stuff!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thank you!

Collapse
 
blessing0024 profile image
onome blessing

This is really awesome and neat. love everything about it.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks! :)

Collapse
 
mobarakali profile image
Mobarak Ali

very cool!

Collapse
 
emmanuelj profile image
Emmanuel Joseph

Very cool, I like it

Collapse
 
muhammadsaim profile image
Muhammad Saim

Nice, looking awesome

Collapse
 
livetvchannels profile image
Trieu.iv

Nice 🤙

Collapse
 
alvaromontoro profile image
Alvaro Montoro

thanks! 🙏

Collapse
 
mobiletric5043 profile image
mobile tricks

That is awesome

Collapse
 
mike_earley_2ac31f69e25a7 profile image
Mike Earley

Awesome. Thanks for sharing.

Collapse
 
adi_the_developer profile image
Adi_the_Developer

Cool Man this is amazing.

Collapse
 
devmount profile image
Andreas

Keep it up, this is a nice animation 👏🏻

Collapse
 
nnnirajn profile image
Niraj Narkhede

Awesome !

Collapse
 
ducabelo profile image
Eduardo Assis

Really cool!!!!!

Collapse
 
miguelrodriguezp99 profile image
Miguel

how cool!

Collapse
 
prembiswas profile image
Prem Biswas

it's very cool, I like it

Collapse
 
jojomondag profile image
Josef Nobach

Yeah like this a lot nicely done!

Collapse
 
jangelodev profile image
João Angelo

Hi Alvaro Montoro
Top bro !
Thanks for sharing

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

I'd love tha it works when you focus the nav items!

Collapse
 
sayyedasad786 profile image
Sayyed Asad Ullah

Wow this is so amazing animation. I have already used personally. But I've learn something more to read your post.