Degradados CSS

Crea un degradado avanzando línea a línea

• linear-gradient

• linea-gradient

• linear-gradien

Crea un degradado generando un radio desde un origen

• radiel-gradient

• radial-gradient

• radial-gradien

indica que se comienza con el color inicial abajo (bottom) y se progresa hasta el color final arriba (top). Equivale a un ángulo de 0deg

• to right

• to bottom

• to top

Indica que se comienza con el color inicial arriba (top) y se progresa hasta el color final abajo (bottom). Equivale a un ángulo de 180deg

• to bottom

• to top

• to left

Indica que se comienza con el color inicial a la izquierda (left) y se progresa hasta el color final a la derecha (right). Equivale a un ángulo de 90deg

• to left

• to top

• to right

indica que se comienza con el color inicial a la derecha (right) y se progresa hasta el color final a la izquierda (left). Equivale a un ángulo de -90deg ó 270deg

• to left

• to right

• to bottom

Función que se utiliza para agregar transparencia y definir las paradas de color

• RGBA

• CMYKA

• HSVA

Se utiliza para repetir el degradado lineal

• repeating-linear-gradient

• repeating-linea-gradient

• repeating-linear-gradien

Función para degradados en Internet Explorer inferiores a la versión IE10

• -ms-filter:

• -sm-filter:

• -msfilter:

Función degradado para Google Chrome en versiones inferiores a 9.0 y Safari inferiores a 5.0

• -webkit-gradient:

• -web-gradient:

• -webkitgradient: