Recently i was required to use a menu slider for my project. After some research i was able to find some nice jQuery plugins, but the problem was jQuery animation have lower FPS and due to that it lags in mobile devices. I was amused by MailChimp menu slider in there login side, so I decided to create my own CSS3 menu slider.
Project demo | Github
CSS3 vs jQuery animation
jQuery animation have lower FPS and all actions performs on CPU level comparison demo, while CSS3 transform performs on GPU level so your CPU will not bother with animations and as a result much higher FPS and smooth transition across all devices.
CSS3 Menu Slider is using jQuery and Response JS
jQuery is for triggering actions and all actions are performing in CSS3
Response js is to determine and perform the CSS3 actions when window resizes or opens in mobile device.
All files are required, while in theme.css you can change the look according to your platform.
Chrome 1.0+, Safari 3.2+, Firefox 3.5+, Internet Explorer 9+ and Opera 10.5+ (all tested)
Please help to make it more better and add additional features that you like.