Generador de Gradiente CSS Online
Crea gradientes CSS lineales, radiales y cónicos. Presets populares. Copia el código CSS al instante.
Generador de gradiente CSSTiempo real
Código CSS
Gradientes populares
Cómo crear gradientes CSS
Los gradientes CSS se definen con linear-gradient() para transiciones en línea recta, radial-gradient() para transiciones circulares, y conic-gradient() para transiciones cónicas. Todos admiten múltiples colores y paradas personalizadas.
¿Puedo añadir más de dos colores?
Sí. En CSS puedes encadenar varios colores: linear-gradient(135deg, rojo, azul, verde). Esta herramienta soporta dos; para más colores edita el CSS generado.
¿Necesito el prefijo -webkit-?
Para máxima compatibilidad con Safari antiguo sí se recomienda. Todos los navegadores modernos soportan la sintaxis sin prefijo.