Introduction
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.
Javascript
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.
Usage
All files are required, while in theme.css you can change the look according to your platform.
Compatibility
Chrome 1.0+, Safari 3.2+, Firefox 3.5+, Internet Explorer 9+ and Opera 10.5+ (all tested)
Future release
Right slide
Contribute
Please help to make it more better and add additional features that you like.