Generador de degradados CSS
Creá degradados CSS lineales o radiales con vista previa en vivo y copiá el código.
CSS generado
background: linear-gradient(135deg, #00875a 0%, #00c896 100%);Cómo funciona un degradado CSS
Un degradado genera una imagen de fondo entre dos colores. Elegí linear-gradient para una dirección definida o radial-gradient para expandir el color desde el centro.
Ángulos y color stops
En un degradado lineal, 0 grados apunta hacia arriba y 90 grados hacia la derecha. Las posiciones indican dónde comienza o termina la transición de cada color.
Usar el CSS generado
Copiá la propiedad background y aplicala a cualquier elemento que admita una imagen de fondo.
Explorar herramientas para desarrollo web