Generador de Gradientes CSS
Crea hermosos gradientes con vista previa en vivo y código CSS o Tailwind listo para copiar
Vista Previa en Vivo
CSS & Tailwind
Editor Interactivo
Vista Previa en Vivo
Ve tu gradiente en tiempo real
💡 Haz clic en cualquier lugar para agregar una parada de color, arrastra las paradas existentes para reposicionarlas, haz clic en una parada para editarla
Configuración
Código Generado
Copia el código para usar en tu proyecto
background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);.gradient {
background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);
}