A Responsive Dropdown Menu Based on Modernizr – Top Drawer

Top Drawer will demonstrate how to create smoother reveal mobile menu for responsive web design in small contexts using CSS3 rather than animating with JavaScript.

Tap the menu icon in the top right. The click event will assign the class of active to the drawer container which alters the translate value to bring it into view.

Modernizr will detect whether the user’s device is capable of CSS transforms, if it isn’t we simply show and hide the menu after the button is pressed.

responsive-dropdown-menu-based-on-modernizr-top-drawer

Website: http://www.jordanm.co.uk/lab/topdrawer

Tagged with: , , , , , ,

About the author

yadirosadi

Yadi Rosadi is a Blogger, Web enthusiast, Editor and Founder of BlogUpstairs.com. Find me on twitter, Google +, stumbleupon