Diagonal
Teal to blue at 135°
linear-gradient(135deg, …)
Loading page…ToolStack
Usa CSS Gradient Generator en línea. Obtén resultados rápidos, gratuitos y privados para herramientas para desarrolladores directamente en tu navegador.
Respuesta rápida
Introduce los valores necesarios en CSS Gradient Generator para ver el resultado al instante.
CSS gradient
Illustrative view
Two colors, a shape, and an optional angle create the CSS.
Introduce los valores necesarios en CSS Gradient Generator para ver el resultado al instante. La herramienta muestra errores claros cuando los datos están incompletos o no son válidos.
Siempre que es posible, el procesamiento se realiza en tu navegador. Los datos introducidos no se envían ni se guardan en un servidor para hacer el cálculo.
Teal to blue at 135°
linear-gradient(135deg, …)
White center to black edge
radial-gradient(circle, …)
Sí. Puedes usar esta herramienta gratis y las funciones básicas no requieren pago ni registro.
No. Los datos se procesan en tu navegador y no se guardan en la base de datos.
Introduce valores completos y válidos según las etiquetas. Si aparece un error, corrige el campo indicado y vuelve a intentarlo.
Sigue explorando