Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Convertir degradado css3 disponible para todos los navegadores

Estas en el tema de Convertir degradado css3 disponible para todos los navegadores en el foro de CSS en Foros del Web. Hola. He hecho un degradado sencillo basándome en un buen artículo de maestrosdelweb. Supongo que estará bien para un navegador avanzado como chrome, pero con ...
  #1 (permalink)  
Antiguo 13/09/2013, 10:36
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Pregunta Convertir degradado css3 disponible para todos los navegadores

Hola.
He hecho un degradado sencillo basándome en un buen artículo de maestrosdelweb. Supongo que estará bien para un navegador avanzado como chrome, pero con la versión de safari de mi smartphone no funciona. Quiero hacerlo disponible para todos los dispositivos como lo hace colorzilla, de hecho ya he probado a importar el css pero me dice que el formato no es correcto. Bueno, les paso el code:
Código css:
Ver original
  1. background: gradient(linear, left top,
  2. left bottom, from(gray), to(gray), color-stop(0.5, white);
Exactamente lo que quiero es que degrade desde el gris hasta el blanco por la mitad y vuelva a su color inicial, el gris.
Espero que me puedan ayudar

PD: Ya sé lo de los prefijos -webkit- -moz- etc. Lo he puesto a nivel general.
  #2 (permalink)  
Antiguo 13/09/2013, 11:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Convertir degradado css3 disponible para todos los navegadores

¿Y por qué no copias el código de colorzilla?
  #3 (permalink)  
Antiguo 13/09/2013, 11:55
 
Fecha de Ingreso: agosto-2013
Mensajes: 46
Antigüedad: 10 años, 7 meses
Puntos: 12
Respuesta: Convertir degradado css3 disponible para todos los navegadores

Esa forma es muy vieja (mucho más de un año)

Código CSS:
Ver original
  1. html {
  2.   background-image: linear-gradient(to right, grey, white, grey);
  3. }
mas prefijos y el filter para versiones antiguas
  #4 (permalink)  
Antiguo 13/09/2013, 12:44
 
Fecha de Ingreso: agosto-2013
Mensajes: 46
Antigüedad: 10 años, 7 meses
Puntos: 12
Respuesta: Convertir degradado css3 disponible para todos los navegadores

2 correcciones y en las 2 fallo
to right significa que el degradado sea de izquierda hacia la derecha
gray o grey: http://i.imgur.com/5CaBKY3.jpg

Y para los navegadores viejos ya puedes querer lo que quieras. Si no soportan los gradientes pues no lo soportan.
Usa imagenes para ellos
  #5 (permalink)  
Antiguo 25/10/2013, 08:52
 
Fecha de Ingreso: agosto-2013
Mensajes: 46
Antigüedad: 10 años, 7 meses
Puntos: 12
Respuesta: Convertir degradado css3 disponible para todos los navegadores

vaya, olvidé este tema. Disculpas (1)

¿solo me lo parece o realmente haces burla de mis respuestas?

ya que te empeñas, no tengo problemas en dejar en evidencia tu ignorancia y tu atrevimiento que son tan "deprecated" (2) como tus conocimientos

sobre si gray o grey:
vete a aquí https://developer.mozilla.org/en-US/...SS/color_value
al apartado "Color keywords" y si necesitas explicación sobre el porqué son igual de validos y correctos los 2 valores (con a y con e) aguanta la respiración hasta el final "Browser compatibility"

sobre tu "top left / bottom left" o mi "to right / to bottom" (2)
consulta la especificación actual y cual es la sintaxis correcta y valida desde hace más de año y medio
si no eres capaz me lo dices y te busco los enlaces ¿vale?


(1) Las disculpas no creas que son para ti, PHPeros. No te las mereces. Son para los lectores que puedan llegar a este tema. Para que no se llamen a engaño

Un saludo
  #6 (permalink)  
Antiguo 26/10/2013, 10:29
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Convertir degradado css3 disponible para todos los navegadores

Hasta donde recuerdo los degradados no funcionan en IE viejitos para solucionar eso utilizar
css3pie

SALUDOS
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:43.