CSS - Gradientes

¿Qué son Gradientes?

Gradientes muestra la combinación de dos o más colores.

Tipos de degradados

  • Gradientes lineales (abajo/arriba/izquierda/derecha/diagonalmente)
  • Gradientes radiales

Gradientes lineales

Los degradados lineales se utilizan para organizar dos o más colores en formatos lineales, como de arriba a abajo.

De arriba a abajo

De izquierda a derecha

Diagonal

La diagonal comienza en el botón superior izquierdo y derecho.

multicolor

Gradientes radiales CSS3

Los degradados radiales aparecen en el centro.

Gradientes radiales repetidos de CSS3