Generador de Degradados Lineales CSS Crea degredados lineales CSS con colores personalizados, ángulo y paradas de color.

CSS linear-gradient() crea una transición de color a lo largo de una línea definida por un ángulo. La sintaxis es: linear-gradient(ángulo, color1 posición1, color2 posición2, ...). El ángulo se especifica en grados (0deg = de abajo hacia arriba, 90deg = de izquierda a derecha) o palabras clave (hacia la derecha, hacia abajo a la izquierda). Las paradas de color definen dónde se posiciona cada color a lo largo de la línea del degradado como un porcentaje (0% = inicio, 100% = fin). El navegador interpola colores entre las paradas utilizando el espacio de color sRGB. Múltiples paradas en la misma posición crean transiciones de color duras. Los degradados pueden utilizar cualquier formato de color CSS (hex, rgb, hsl, colores con nombre) y admiten transparencia a través de rgba/hsla. Los navegadores modernos admiten linear-gradient() sin prefijos de proveedor. Para el rendimiento, los gradientes CSS se renderizan mediante la GPU y son más eficientes que las imágenes de gradiente.