Degradados CSS

Crea degradados lineales, radiales y cónicos con vista previa y copia el CSS o la clase de Tailwind.

Se procesa en tu navegador · Compruébalo Sin envíosDatos enviados: 0 · A otros dominios: 0Analítica: no existe · Anuncios: no existe
Prueba un ejemplo

Paradas de color

  • 0%
  • 100%
CSS
background: #6366f1; /* fallback */
background-image: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Tailwind
bg-[linear-gradient(135deg,#6366f1_0%,#ec4899_100%)]

Más en Diseño web

Aprende paso a paso en la rutaCSS visual para tu web