Gradientes lineales
Los gradientes lineales transicionan colores a lo largo de una línea recta definida por un ángulo. La dirección predeterminada es de arriba a abajo (180deg). Los ángulos 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 posición y el tamaño controlan el origen y la extensión.
Gradientes conicos
Los gradientes conicos rotan colores alrededor de un punto central como una rueda de color. Comienzan desde un ángulo definido y barren en sentido horario. Son ideales para crear gráficos de pastel, indicadores de progreso circulares y patrones angulares decorativos sin necesitar SVG.
Mejores prácticas de gradientes
Usa gradientes con moderación para máximo impacto visual. Limita las paradas de color a dos o tres para diseños limpios. Prueba gradientes en diferentes tamaños de pantalla para asegurar que se vean bien. Considera la accesibilidad asegurando que el texto sobre gradientes mantenga suficiente contraste.
