Generador de degradados CSS
¿Qué es un degradado CSS?
Los degradados CSS te permiten mostrar transiciones suaves entre dos o más colores sin usar archivos de imagen. Vienen en tres tipos: linear-gradient (a lo largo de una línea recta), radial-gradient (irradiando desde un punto central) y conic-gradient (girando alrededor de un punto central). Los degradados se usan para fondos, botones, superposiciones y elementos decorativos.
Cómo usar el generador de degradados CSS
-
Elige un preajuste de las muestras o configura tu propio degradado.
-
Elige el tipo de degradado: linear, radial o conic.
-
Ajusta el ángulo (para linear/conic) o la forma (para radial).
-
Edita los puntos de color: cambia colores y posiciones (0–100%).
-
Agrega o elimina puntos de color según sea necesario.
-
Copia el CSS y pégalo en tu hoja de estilos.
Keywords: generador de degradado CSS, gradiente lineal, gradiente radial, gradiente cónico, generador de fondo CSS, selector de color para degradado, herramienta de degradado CSS