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.


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

Tagged with: , , , , , ,