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.

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.