<input type="checkbox" id="switch" /><label for="switch">Toggle</label>
input[type=checkbox]{height:0;width:0;visibility:hidden}
label{cursor:pointer;text-indent:-9999px;width:100px;height:50px;background:grey;display:block;border-radius:100px;position:relative}
label:after{content:'';position:absolute;top:5px;left:5px;width:40px;height:40px;background:#fff;border-radius:90px;transition:.2s}
input:checked + label{background:#5661DC}
input:checked + label:after{left:calc(100% - 5px);transform:translateX(-100%)}
label:active:after{width:130px}
