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