Flat-toggle-button
Simple and cool toggle button made with HTML5, CSS3 and jQuery.
See it in action! Live demohttp://codepen.io/davidmaillo/pen/VYLWpj In addition, demo file is included (demo.html)
* Flat style * Smooth color transition * GPU accelerated animation * Double click on text is not selectable * Simplified HTML * Hit area on both toggler and text Feature list
Import flat-toggle.css, jQuery and flat-toggle.js. Then just create a DIV with a SPAN inside, like this: Integration example
<div class="flat-toggle"> <span>Toggle off</span> </div> <div class="flat-toggle on"> <span>Toggle on</span> </div>