Почему этот инструмент полезен
Настраивайте матовую панель навигации или наложение, сохраняя явный запасной вариант и просматривая эффект перед тем, как он попадёт в производственную дизайн-систему.
Дизайн и CSS · работает локально
Доступный генератор CSS Glassmorphism
Создайте полупрозрачную панель с запасным цветом, размытием фона, границей, радиусом и значениями тени, одновременно предварительно просматривая контраст на контролируемом локальном фоне.
Готово. Ваши рабочие данные остаются в этом браузере.
Как это работает
Браузер преобразует проверенный шестнадцатеричный цвет в ограниченные альфа-каналы, генерирует декларации размытия с префиксом и стандартные декларации и никогда не отправляет выбранные цвета палитры наружу.
Практический пример
Предварительно просмотрите тёмно-синюю панель с непрозрачностью 24 процента, размытием 18 пикселей и едва заметной белой рамкой для читаемой плавающей панели инструментов.
Проверка
Вычисление детерминировано и объясняет ошибки валидации вместо того, чтобы молча изменять неверный ввод.
Граница конфиденциальности
Ввод и вывод остаются на этой вкладке. Копирование и загрузка происходят через API браузера без загрузки на сервер.
Результат паспорта
Каждый запуск сообщает режим инструмента, временную метку и размер входных/выходных данных, чтобы можно было проверить преобразованные данные.