Generador de patrones de fondo CSS
Acerca de esta herramienta
El Generador definitivo de patrones de fondo CSS es una herramienta que genera intuitivamente "fondos web inteligentes y con profundidad" utilizados por Vercel, Linear y otros, y los proporciona en un formato listo para implementar (CSS/Tailwind/React Component).
Características principales
- Patrones diversos: Permite generar 6 tipos de patrones, incluyendo Cuadrícula, Puntos, Papel Cuadriculado, Cruz, Ondas y Diagonal.
- Máscara inteligente: Permite desvanecer naturalmente los patrones utilizando Viñeta y Desvanecimiento Lineal.
- Textura y Ruido: Permite añadir texturas sutiles superponiendo filtros de ruido SVG (feTurbulence).
- Foco interactivo: Permite ver efectos de iluminación sofisticados que siguen el cursor del ratón. También se puede incluir en el código de salida.
- Ajustes preestablecidos listos para usar: Se pueden aplicar ajustes preestablecidos como "Vercel Light", "Linear Dark", "Blueprint" y "Cyberpunk" con un solo clic.
- Múltiples formatos de salida: Genera código en 3 formatos: CSS, Tailwind Arbitrary y React Component. Se puede copiar y pegar directamente.
Privacidad y seguridad
Todos los procesos se completan en el navegador, lo que garantiza la privacidad y la velocidad. Genera SVG codificado en Base64 como URI de datos.
Registro de actualizaciones
- Lanzamiento inicial. Se implementaron 6 tipos de patrones, Máscara Inteligente, Textura y Ruido, Foco Interactivo, función de ajustes preestablecidos y múltiples formatos de salida.
