b3ckstage / CSS3-MenuSlider

A dedicated CSS3 Menu Slider, ready for your next project.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS3-MenuSlider

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 option

Contribute

Please help to make it more better and add additional features that you like.

Bitdeli Badge

About

A dedicated CSS3 Menu Slider, ready for your next project.

License:MIT License


Languages

Language:CSS 77.4%Language:JavaScript 22.6%