css-switcher

A Switcher based on CSS3 without Javascript

You can test it here: http://jsfiddle.net/86L85Lch/

It is very straight forward to use:

  <label for="switch-1" class="switch-control">
    <input type="checkbox" name="name1" id="switch-1" value="true" />
    <div class="switch-content">
      <div class="switch-switcher">
      </div>
    </div>
  </label>