← Дызайн і CSS
Дызайн і CSS · працуе лакальна

Генератар даступнага пераключальніка-перамыкача CSS

Стварыце адаптыўны пераключальнік на аснове сцяжка з узгодненай геаметрыяй дарожкі і паўзунка, актыўнымі колерамі і бачнымі пры кіраванні з клавіятуры стылямі фокусу.

Гатова. Вашы працоўныя дадзеныя застаюцца ў гэтым браўзэры.

Чаму гэты інструмент карысны

Афармляйце пераключальнік уключэння/выключэння як звыклы тумблер, захоўваючы сапраўдны сцяжок для формаў, праграм чытання з экрана і ўзаемадзеяння з клавіятурай.

Як гэта працуе

Памеры дарожкі і паўзунка правяраюцца разам, ход паўзунка разлічваецца на аснове іх розніцы, а жывы ўзор застаецца ў межах бягучай укладкі браўзера.

Практычны прыклад

Стварыце пераключальнік апавяшчэнняў памерам 56 на 30 пікселяў, у якога зялёны ўключаны стан перамяшчае 24-піксельны паўзунок дакладна на 26 пікселяў уздоўж дарожкі.

Праверка

Вылічэнне дэтэрмінатыўнае і тлумачыць памылкі праверкі замест маўклівага змянення няправільнага ўводу.

Межа прыватнасці

Увод і вывад застаюцца ў гэтай укладцы. Капіраванне і загрузка адбываюцца праз API браўзера без загрузкі на сервер.

Пашпарт вынікаў

Кожны запуск паведамляе пра рэжым інструмента, часавую пазнаку і памер уваходных/выхадных дадзеных, каб можна было праверыць пераўтвораныя дадзеныя.