gradiente css3 (gradientes) generado por el navegador
gradiente lineal:
fondo: -webkit-Linear-gradident (dirección, color 1, color 2, color 3, ..... n-color);
1, dirección: a la izquierda (desde la izquierda) a la derecha (desde la derecha)
Top ( partimos de la) abajo arriba (empezando desde abajo)
Nota: Es necesario añadir un prefijo compatible
hacia la izquierda a la (posición de extremo izquierdo) a la derecha hacia la derecha (posición final)
al inicio borde superior (posición final) en el lado extremo de la parte inferior (posición final)
Nota : no compatible necesario añadir un prefijo
2, gradiente diagonal:
izquierda superior izquierda arriba izquierda abajo parte inferior izquierda de inicio inicio
Nota: compatible con el prefijo
a la parte superior izquierda a la esquina superior izquierda (posición final)
Nota: no es compatible con el prefijo
3, el gradiente de ángulo:
10 grados 10 grados
4 , color de uso compartido predeterminada
puede especificar el porcentaje de la distribución del color, así como un porcentaje de los degradados de color
azul 10% a 10% son de color azul
10px 10px roja a es rojo
Un gradiente radial (navegador compatible Debe añadir prefijo): de un punto al gradiente de alrededor de
fondo: - Browser compatible prefijo -radial-gradiente (posición de gradación, forma, tamaño, color 1, color 2, ..... n-color);
posición gradiente: el valor predeterminado desde el centro hacia los lados
a la izquierda de izquierda a derecha cuatro semanas a cuatro semanas desde la derecha
la parte superior a la parte superior de la parte inferior a cuatro semanas a partir de cuatro semanas parte inferior
izquierda a la esquina superior izquierda de la parte inferior izquierda de la parte inferior izquierda de cuatro semanas a cuatro semanas
10px 30px distancia desde la parte superior izquierda 10px 30px
Forma: elipse predeterminado elipse
círculo circularidad
Nota: el elemento es un cuadrado, la circularidad es
tamaño: gradiente de tamaño, es decir, un punto de degradado donde tiene cuatro valores: tamaño.
más cerca del lado: el borde más cercano;
más alejado-Side: borde más lejano;
más cercano esquina: Recientemente ángulo;
más lejanos angulares: rincones más lejanos;
gradiente repitió: repeating-
añadido:
gradiente con propiedades de fondo son de fondo-img