Degradado en crome

[sirdaiz]

Hola tengo en mi .css esto:

background-image: -moz-linear-gradient(center top , #E0ECF8, #81BEF7);

Solo funciona en mozilla pero en crome no.

Alguna solución?

GRacias

[shmykis]

Hola,

-Moz- esta special para mozilla.

Para que parece en el chrome, tienes que poner nueva linea con -webkit-

Buscalo en google generador de gradient css y te sale las paginas que generan los css para navegadores principales.

Pruebalo este , si no te sirve, buscalo en español.
http://gradients.glrzad.com/

Espero que te ayuda,

Saludos

[sirdaiz]

He probado poniendo esto en mi .css pero nada:

background-image: linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -o-linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -moz-linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -webkit-linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -ms-linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -webkit-gradient(center top , #E0ECF8, #81BEF7);

Saludos

[pzin]

Tienes esta opción también, que genera un código más compatible con navegadores algo más viejetes.

[sirdaiz]

MmMM si te das cuenta en esa opcion q me has puesto contemplo para otras versiones de crome con:

background-image: -webkit-linear-gradient(center top , #E0ECF8, #81BEF7);
background-image: -webkit-gradient(center top , #E0ECF8, #81BEF7);