Bezudo - Generador de Gradientes Profesional

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 para navegadores antiguos */
 background: #ff0000;
 
 /* Chrome 10-25, Safari 5.1-6 */
 background: -webkit-linear-gradient(left, #ff0000 0%, #0000ff 100%);
 
 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 background: linear-gradient(to right, #ff0000 0%, #0000ff 100%);
}