Simple Toggle Switch Button
Demo Switch Button CSS .switch{ width:58px; height:24px; display:inline-block; position:relative } .switch-input{ opacity:0; position:absolute; left:0; top:0; } .switch-label { background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 rgba(0, 0, 0, 0); transition: all 0.2s ease 0s; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #FFFFFF; display: block; font-size: 13px; font-weight: 600; height: inherit; position: relative; text-shadow: 1px 0 1px #878787; } .switch-label:before{ content:attr(dataOff); position:absolute; ...