Responsive Slide Navigation with CSS only

February 10, 2013 6:29 pm Published by Leave your thoughts

Checkbox state detection + media queries + CSS animation – JavaScript = Slide Nav. On desktop it looks like normal horizontal navigation, but on mobile devices it is transformed into a sliding navigation like in the Facebook mobile app.

Check out the Live Demo.

Download Slide Nav.

Room for improvement: automatic width, gestures.

Categorised in:

This post was written by rado

Leave a Reply

Your email address will not be published. Required fields are marked *