/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/css/css-113-011/main.css
44 строки
772 B
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
.switch { display: inline-flex; align-items: center; gap: 0.75rem; cursor: pointer; user-select: none; } .switch input { position: absolute; opacity: 0; width: 0; height: 0; } .switch-track { position: relative; display: inline-block; width: 48px; height: 24px; background-color: #CED4DA; border-radius: 12px; transition: background-color 0.2s ease; } .switch-track::before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: rgb(15, 134, 155); border-radius: 50%; transition: transform 0.2s ease; } .switch input:checked + .switch-track { background-color: var(--color-primary); } .switch input:checked + .switch-track::before { transform: translateX(24px); }