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