Bezudo - Generador de Gradientes

Presets

Ángulo

Dirección predefinida

Colores

0%
100%

Presets

Forma

Posición

X: 50%, Y: 50%

Tamaño

Colores

0%
100%

Presets

Ángulo de inicio

Posición del centro

X: 50%, Y: 50%

Colores

0%
100%

Vista previa

Código CSS

.gradient {
  background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);
}

Código compatible

.gradient {
  /* Fallback */
  background: #ff0000;

  /* Webkit */
  background: -webkit-linear-gradient(left, #ff0000 0%, #0000ff 100%);

  /* W3C */
  background: linear-gradient(to right, #ff0000 0%, #0000ff 100%);
}