Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Un degradado es una transición suave entre dos o más colores. Los degradados añaden profundidad, dimensión e interés visual a los diseños web, elementos de la interfaz de usuario e ilustraciones.
Seleccione dos colores, elija un ángulo de degradado y vea instantáneamente el resultado en Canvas. Copie el código CSS para usarlo en su proyecto.
¿Cuál es la diferencia entre gradientes lineales y radiales? Los degradados lineales transicionan a lo largo de una línea recta, mientras que los degradados radiales irradian desde un punto central.
¿Puedo usar degradados en CSS? Sí, use la propiedad de imagen de fondo con funciones de gradiente lineal o de gradiente radial.