DEV Community

Cover image for Mobile Navigation 3D Animation
Alvaro Montoro
Alvaro Montoro

Posted on

18 2 1

Mobile Navigation 3D Animation

This past weekend, I coded a 3D-CSS demo inspired by Mobile navigation system, by Dzianis Rakhuba.

It may not look like much at first, but it is more fun and entertaining when switching between a 2D and 3D visualization (by clicking on the Start and Close button).

Top comments (4)

Collapse
 
mcharytoniuk profile image
Mateusz Charytoniuk

Looks great. :)

Also, have you ever tried the THREE.js CSS renderer?

Collapse
 
alvaromontoro profile image
Alvaro Montoro

No, but seeing the things people create with threeJS make me want to try it

Collapse
 
victorzlldev profile image
João Victor

Is there a tutorial on YouTube?

Collapse
 
alvaromontoro profile image
Alvaro Montoro

No. But maybe I could replicate the process? I may have a video on how I've done other 3D CSS demos, though. You should check the work from Amit Sheen or Jhey Tompkins; they do amazing things with 3D CSS.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay