Fondo de degradado mesh
Superpón varios puntos de color para crear un fondo de degradado mesh tipo aurora y cópialo como CSS
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Una herramienta que superpone varios degradados circulares semitransparentes para crear los fondos tipo aurora o mesh tan de moda últimamente. Ajusta la posición, el color y el difuminado de los puntos de color para lograr un fondo suave y cópialo como CSS puro.
Cómo usar
- Ajusta la disposición con el color de los puntos y los controles de posición X e Y.
- Amplíalos hasta 8 con «Añadir punto de color» o explora combinaciones con «Disposición aleatoria».
- Define el color base del fondo y el tamaño del difuminado para rematar el ambiente general.
- Obtén la propiedad background con el botón «Copiar CSS» y pégala.
Preguntas frecuentes
- ¿Se guarda mi trabajo en un servidor?
- No. El ajuste de colores y posiciones y la generación del CSS se procesan por completo en el navegador; ninguna información se envía ni se guarda en un servidor.
- ¿Es CSS de verdad y no una imagen?
- Sí. El resultado es una propiedad background de CSS puro formada por varios radial-gradient superpuestos. No es un archivo de imagen, así que no ocupa espacio y se ve nítido en cualquier tamaño de pantalla.
- ¿Puedo crear también un fondo animado?
- Esta herramienta crea un fondo estático en CSS. Si quieres darle movimiento, coloca el background copiado en un elemento grande y usa animation de CSS para desplazar poco a poco la background-position o el elemento, logrando un efecto de aurora en movimiento.