Saltar al contenido principal
Uddatak

Generador de Glassmorphism CSS

Ajusta el desenfoque de fondo, el color y la opacidad del tinte del vidrio, la opacidad del borde y el redondeo de esquinas con controles deslizantes en vivo sobre un fondo colorido, y luego copia el código CSS exacto (incluyendo el prefijo WebKit para Safari).

Herramientas de Diseño y CSS Funciona completamente en tu navegador

Todo el procesamiento se realiza en tu dispositivo — no se envía nada a un servidor.

Código 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;

Continuar con

Totalmente local

Generador de box-shadow CSS

Diseña visualmente un box-shadow CSS con controles deslizantes y copia el código generado.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de border-radius CSS

Diseña visualmente esquinas redondeadas — incluyendo formas asimétricas — y copia el código CSS.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de gradientes CSS

Crea visualmente un gradiente CSS lineal o radial y copia el código.

Herramientas de Diseño y CSSAbrir herramienta

Herramientas relacionadas

Totalmente local

Generador de diseño CSS Grid y Flexbox

Diseña visualmente un diseño Grid o Flexbox con vista previa en vivo y copia el código CSS listo para usar.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Convertidor de texto a escritura a mano

Convierte texto escrito a máquina en una imagen que parece escrita a mano en papel rayado, en varios estilos de letra.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de blobs y patrones de fondo SVG

Genera una forma orgánica aleatoria (blob) o un patrón de fondo repetitivo sin costuras en SVG, y cópialo o descárgalo.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de animaciones CSS Keyframe

Diseña una animación CSS visualmente (aparecer, deslizar, zoom, rebote, rotar, voltear) y obtén código @keyframes listo para usar.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de armonía de paletas de colores

Elige un color base y obtén una paleta de colores armoniosa (complementaria, análoga, triádica, tetrádica, monocromática).

Herramientas de Diseño y CSSAbrir herramienta

¿Listo para probar Uddatak?

Explora la biblioteca completa de herramientas y empieza a usar lo que necesitas ahora mismo — gratis, sin registro.

Explorar todas las herramientas