Gradientes lineales
Los gradientes lineales transicionan colores a lo largo de una linea recta definida por un angulo. La direccion predeterminada es de arriba a abajo (180deg). Los angulos comunes incluyen 90deg para izquierda a derecha y 45deg para diagonal. Las paradas de color controlan donde ocurren las transiciones.
Gradientes radiales
Los gradientes radiales emanan desde un punto central hacia afuera en forma circular o eliptica. La forma predeterminada es una elipse que coincide con las proporciones del elemento. Usa la palabra clave circle para un gradiente perfectamente redondo. La posicion y el tamano controlan el origen y la extension.
Gradientes conicos
Los gradientes conicos rotan colores alrededor de un punto central como una rueda de color. Comienzan desde un angulo definido y barren en sentido horario. Son ideales para crear graficos de pastel, indicadores de progreso circulares y patrones angulares decorativos sin necesitar SVG.
Mejores practicas de gradientes
Usa gradientes con moderacion para maximo impacto visual. Limita las paradas de color a dos o tres para disenos limpios. Prueba gradientes en diferentes tamanos de pantalla para asegurar que se vean bien. Considera la accesibilidad asegurando que el texto sobre gradientes mantenga suficiente contraste.
