Saved!

Animated Chrckbox CSS3 - 3skl4qyH

Animated Chrckbox CSS3

javascript Animated Chrckbox CSS3

  
<div class="center">
  <h1>Animated Chrckbox CSS3</h1>

  <div class="switch">
    <input id="one" class="input" type="checkbox" />
    <label for="one" class="slider"></label>
    <label for="one" class="label">Cookies</label>
  </div>
  
  <div class="switch">
    <input id="two" class="input" type="checkbox" checked/>
    <label for="two" class="slider"></label>
    <label for="two" class="label">Adds</label> 
  </div>
  
  <div class="switch">
    <input id="three" class="input" type="checkbox" />
    <label for="three" class="slider"></label>
    <label for="three" class="label">Notification</label>
  </div>
  

  
</div>
   
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js