[SOLUCIONADO] Fallo en degradado con CSS3

[darkhack3r22]

Hola, lo siento si el error es muy gordo:

Código:

<div style="height:200px; width:200px; background-color: -webkit-linear-gradient (top, #FFC671 0%, #F09605 100%);">
DEGRADADO
</div>

Y estoy usando safari, que si no me confundo funciona con -webkit-.

[pzin]

El nombre de la función tiene que ir pegado a los parentesis, no estás poniendo un color de fondo, sino un fondo, por lo que no es background-color y si lo quieres vertical, indicas to bottom:

Código css:

background-image: linear-gradient(to bottom, #ffc671 0%, #f09605 100%)
 

[darkhack3r22]

Así desde luego no me va:

Código CSS:

background-image: -webkit-linear-gradient(top, #ffc671 0%, #f09605 100%);
 

Tampoco sin el -webkit-
Hay alguna razón ??

[pzin]

¿Probaste como te dije?

[darkhack3r22]

Claramente si.

[pzin]

Iniciado por darkhack3r22

Así desde luego no me va:

Código CSS:

background-image: -webkit-linear-gradient(top, #ffc671 0%, #f09605 100%);
 

Tampoco sin el -webkit-
Hay alguna razón ??

Si no te funciona será que tendrás una versión vieja de Safari, en las que hay que usar color-stop().

[darkhack3r22]

Ok gracias por haberte molestado, tienes razon porque con esto de HTML5 y CSS3 se acabaron las versiones antigüas de safari & IE.