20 lines
476 B
CSS
20 lines
476 B
CSS
|
input.switch {
|
||
|
|
-moz-appearance: none;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-o-appearance: none;
|
||
|
|
height: 20px;
|
||
|
|
width: 40px;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: inset -20px 0px 0px 0px rgba(192, 192, 192, 1);
|
||
|
|
background-color: white;
|
||
|
|
border: 1px solid rgba(192, 192, 192, 1);
|
||
|
|
outline: none;
|
||
|
|
-webkit-transition: 0.2s;
|
||
|
|
transition: 0.2s;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.switch:checked {
|
||
|
|
box-shadow: inset 20px 0px 0px 1px rgba(33, 150, 243, 0.5);
|
||
|
|
border: 1px solid rgba(33, 150, 243, 1);
|
||
|
|
}
|