Чому цей інструмент корисний
Оформіть налаштування «увімкнено/вимкнено» як знайомий перемикач, зберігаючи справжній прапорець для форм, програм читання екрана та взаємодії з клавіатурою.
Дизайн і CSS · працює локально
Генератор доступного CSS-перемикача
Створіть адаптивний перемикач на основі checkbox із узгодженою геометрією доріжки та повзунка, активними кольорами та видимим при клавіатурному фокусі оформленням.
Готово. Ваші робочі дані залишаються в цьому браузері.
Як це працює
Розміри доріжки та повзунка перевіряються разом, хід повзунка обчислюється на основі їхньої різниці, а живий зразок залишається в поточній вкладці браузера.
Практичний приклад
Створіть перемикач сповіщень розміром 56 на 30 пікселів, у якого зелений увімкнений стан переміщує повзунок розміром 24 пікселі точно на 26 пікселів уздовж доріжки.
Перевірка
Обчислення є детермінованим і пояснює помилки перевірки замість того, щоб непомітно змінювати некоректні вхідні дані.
Межа приватності
Ввід і вивід залишаються в цій вкладці. Копіювання та завантаження відбуваються через API браузера без завантаження на сервер.
Паспорт результату
Кожен запуск повідомляє свій режим інструмента, мітку часу та розмір вхідних/вихідних даних, щоб можна було перевірити перетворені дані.