5,953
edits
No edit summary |
No edit summary |
||
Line 380: | Line 380: | ||
input:checked + .slider:before { | input:checked + .slider:before { | ||
-webkit-transform: translateX(13px); | |||
-ms-transform: translateX(13px); | |||
transform: translateX(13px); | |||
} | |||
/* versione alternativa del toggle per Project:All texts */ | |||
.slider-alt { | |||
position: absolute; | |||
cursor: pointer; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background-color: #4c4c4c; | |||
-webkit-transition: .4s; | |||
transition: .4s; | |||
border-radius: 17px; | |||
} | |||
.slider-alt:before { | |||
position: absolute; | |||
content: ""; | |||
height: 13px; | |||
width: 13px; | |||
left: 2px; | |||
bottom: 2px; | |||
background-color: white; | |||
-webkit-transition: .4s; | |||
transition: .4s; | |||
border-radius: 50%; | |||
} | |||
input:checked + .slider-alt { | |||
background-color: #4c4c4c; | |||
} | |||
input:focus + .slider-alt { | |||
box-shadow: 0 0 1px #4c4c4c; | |||
} | |||
input:checked + .slider-alt:before { | |||
-webkit-transform: translateX(13px); | -webkit-transform: translateX(13px); | ||
-ms-transform: translateX(13px); | -ms-transform: translateX(13px); |