/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Toggle/toggle.module.scss
41 строка
600 B
Evgeniy
Исправлено отображение body
29 сен 2024, 17:33
29 сен 2024, 17:33
d813fb0
Код
Авторство
О чём код?
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: 0.3s; } input:checked + .label { background: #bada55; } input:checked + .label:after { left: calc(100% - 5px); transform: translateX(-100%); } .label:active:after { width: 90px; }