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

A Responsive Dropdown Menu Based on Modernizr – Top Drawer
0 votes, 0.00 avg. rating (0% score)

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">