Перейти к основному содержимому
Uddatak

Генератор эффекта матового стекла (Glassmorphism)

Генератор Glassmorphism позволяет визуально настраивать размытие фона, цвет и прозрачность стекла, прозрачность границы и скругление углов с живым превью поверх цветного фона, а затем скопировать готовый код CSS (включая backdrop-filter и префикс WebKit).

Дизайн и CSS Полностью работает в вашем браузере

Вся обработка происходит на вашем устройстве — ничего не отправляется на сервер.

Код CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Продолжить с

Полностью локально

Генератор теней CSS (Box Shadow)

Настройте тень элемента визуально и получите готовый код box-shadow

Дизайн и CSSОткрыть инструмент
Полностью локально

Генератор скругления углов (Border Radius)

Настройте скругление углов элемента визуально и получите готовый код border-radius

Дизайн и CSSОткрыть инструмент
Полностью локально

Генератор CSS-градиентов

Создайте линейный или радиальный цветовой градиент и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Похожие инструменты

Полностью локально

Генератор макетов CSS Grid и Flexbox

Визуально создайте макет Grid или Flexbox с живым превью и получите готовый код CSS

Дизайн и CSSОткрыть инструмент
Полностью локально

Преобразование текста в рукописный почерк

Превратите набранный текст в изображение, выглядящее как написанное от руки на разлинованной бумаге, с несколькими стилями почерка

Дизайн и CSSОткрыть инструмент
Полностью локально

Генератор органических форм и фоновых узоров (SVG)

Сгенерируйте случайную органическую форму (Blob) или повторяющийся фоновый узор в формате SVG и скопируйте или скачайте его

Дизайн и CSSОткрыть инструмент
Полностью локально

Генератор анимаций CSS (Keyframe Animation)

Визуально создайте анимацию CSS (появление, скольжение, увеличение, отскок, вращение, переворот) и получите готовый код @keyframes

Дизайн и CSSОткрыть инструмент
Полностью локально

Генератор гармоничных цветовых палитр

Выберите базовый цвет и получите гармоничную палитру (комплементарную, аналоговую, триадную, тетрадную, монохромную)

Дизайн и CSSОткрыть инструмент

Хотите попробовать Uddatak?

Просмотрите полную библиотеку инструментов и начните пользоваться тем, что нужно прямо сейчас — бесплатно, без регистрации.

Смотреть все инструменты