131 · Diseño y Web

Generador de gradiente CSS

Elija colores y un ángulo, vea el degradado en vivo y copie el CSS.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Generador de gradiente CSS

Tipo
#4f46e5
#ec4899
#f59e0b

Cómo utilizar el generador de gradiente CSS

  1. Elija lineal, radial o cónico.
  2. Elija dos o tres colores y establezca el ángulo.
  3. Copie el CSS en su hoja de estilo.

Tipos de gradiente

  • lineal se mezcla a lo largo de una línea recta en el ángulo que elijas.
  • radiales se extiende desde el centro como un círculo o elipse.
  • cónico recorre el centro como una rueda de colores.

La primera línea del CSS es un color de fondo sencillo para navegadores muy antiguos.

Ejemplos

Índigo a rosa a 135°

fondo: gradiente lineal (135 grados, # 4f46e5, # ec4899);

circulo radial

fondo: gradiente radial (círculo,…);

Preguntas

¿Los degradados funcionan en todos los navegadores?

Los degradados lineales y radiales funcionan en todos los navegadores actuales. Los degradados cónicos también funcionan en todos los principales navegadores actuales.

Traducción automática. Revisar resultados importantes.