Generador de degradados CSS

El lineal se desvanece a lo largo de una línea recta, que es el que casi todo el mundo quiere decir. El radial se extiende hacia fuera desde un punto como un resplandor. El cónico barre alrededor de un punto en lugar de alejarse de él, que es lo que hace posibles las ruedas de color y los sectores de un gráfico de tarta en CSS puro.

Normalmente no. Si las dejas vacías, el navegador reparte las paradas por igual, que es lo que quieres la mayor parte de las veces y mantiene el CSS corto y fácil de editar más tarde. Fíjalas a mano cuando quieras que un color aguante más rato, o cuando quieras un borde duro entre dos.

Dale a dos paradas la misma posición. Un degradado que va de un color al 50 por ciento a otro también al 50 por ciento cambia de golpe en lugar de mezclarse. Combina eso con el modo repetido y tienes rayas sin ningún archivo de imagen.

Cada color se interpreta y se reescribe en lugar de pasar tal cual. Eso mantiene la salida como un color válido y nada más, algo que importa porque el valor acaba en una hoja de estilos. Un color que no se puede entender se rechaza en vez de incluirse en silencio.

El lineal y el radial funcionan en todas partes desde hace muchos años. El cónico es más nuevo pero está admitido por todos los navegadores actuales. Si necesitas dar soporte a algo muy antiguo, el generador también muestra un color plano que puedes poner antes como respaldo.