0
Я хотел бы спросить, можно ли скрыть/снять флажок за переключателем или по крайней мере, переместив его вверх, чтобы я мог сразу скрыть его? http://jsfiddle.net/j0gd3awy/Как скрыть кнопку выбора этого переключателя?
HTML:
<input type="checkbox" id="switch">
<label for="switch" class="label"></label>
CSS:
.label {
border: 0;
width:50px;
height:20px;
background:#009688;
box-shadow: inset 0 0 0 30px #4a4a4a;
border-radius:30px;
display:block;
top:50px;
left:50px;
position:absolute;
z-index:1;
transition:all 300ms ease-in 0s;
}
#switch {
border: 0;
top:60px;
position:absolute;
left:57px;
}
#switch:before {
content:"";
position:absolute;
top:-20px;
left:-20px;
height:30px;
width:30px;
border-radius:50%;
display:block;
background:#009688;
border: 0;
z-index:2;
box-shadow:inset 0 0 0 40px #616161,0 0 7px 0 #3b3b3b;
transition:box-shadow 500ms ease-in 0s, left 300ms ease-in 0s;
}
#switch:checked:before {
border: 0;
left:15px;
box-shadow:inset 0 0 0 0 #009688,0 0 7px 0 #3b3b3b;
}
#switch:checked + label {
border: 0;
box-shadow: inset 0 0 0 0 #616161;
}
Спасибо! Попробуем выяснить, какой эффект пульсации! – brettbrdls