Foros del Web » Creando para Internet » CSS »

Degradado en CSS

Estas en el tema de Degradado en CSS en el foro de CSS en Foros del Web. Hola amigos! ¿Es posible crear un degrado mediante css? por ejemplo que un color vaya de amarillo a blanco. Lo importante tambien es que se ...
  #1 (permalink)  
Antiguo 03/12/2005, 09:00
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
Degradado en CSS

Hola amigos!

¿Es posible crear un degrado mediante css? por ejemplo que un color vaya de amarillo a blanco. Lo importante tambien es que se vea en internet explorer y en firefox!

Muchas Gracias de antemano
Saludos
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
  #2 (permalink)  
Antiguo 03/12/2005, 09:50
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola xanthus

Prueba la FAQ-130
de JavaScript.

Saludos,
  #3 (permalink)  
Antiguo 03/12/2005, 10:09
 
Fecha de Ingreso: abril-2002
Ubicación: Santiago
Mensajes: 278
Antigüedad: 15 años, 7 meses
Puntos: 0
Oki Gracias por tua yuda, aunque me parece un poco complejo la forma de crear el degrado. De todas formas seguire buscando...
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
  #4 (permalink)  
Antiguo 05/12/2005, 03:19
 
Fecha de Ingreso: febrero-2005
Mensajes: 396
Antigüedad: 12 años, 10 meses
Puntos: 1
Puedes hacer el degradado como una imagen (con GIMP o cualquier otro programa de dibujo) y asociarlo como fondo. La imagen si es un degradado horizontal usualmente ocupará muy poco.

Directamente solo con css (sin imagenes, scripts y demás) no se puede hacer.

Un saludo

Zerjillo
  #5 (permalink)  
Antiguo 05/12/2005, 03:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Justamente he subido hace muy poco una versión actualizada de una página referente al tema: http://www.caricatos.net/gradientes/index.html

En esta página se genera un fichero que simplemente hay que guardarlo y usarlo en la página que se quiera, pudiendo elegir los 2 colores que afecten a ese degradado.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 16/07/2011, 00:23
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: Degradado en CSS

para poner degradados de fondo lo que hago yo es crear una imagen con el degradado que tenga si el degradado es vertical 1px de ancho y 2000px de alto(dependiendo el alto de la pagina, lo importante es que tenga 1px de ancho para que pese poco), lo guardo como .png y lo coloco como fondo de la div y que se repita en el eje x.

Aqui un ejemplo:
#etiqueta-div {
background-image: url(imagen-degradado.png);
background-repeat: repeat-x;
}

Se obtiene un gran resultado, de forma simple y de un peso minimo
  #7 (permalink)  
Antiguo 19/07/2011, 10:23
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 10 meses
Puntos: 442
Respuesta: Degradado en CSS

Sí se puede con CSS3, pero aún no está totalmente implementado:

background-image: -webkit-gradient(
linear,
left top,
right bottom,
color-stop(0.08, rgb(61,17,61)),
color-stop(0.54, rgb(255,222,173))
);
background-image: -moz-linear-gradient(
left top,
rgb(61,17,61) 8%,
rgb(255,222,173) 54%
);
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #8 (permalink)  
Antiguo 19/07/2011, 12:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Degradado en CSS

Revisa este post
http://www.forosdelweb.com/f53/porqu...6/#post3926720

Hay un fix para IE en todas sus versiones, lo podés bajar desde
http://css3pie.com/

Acá tenes una demo

http://foros.emprear.com/css3/PIE/PIE_demo.html

saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 19/07/2011, 12:30
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Degradado en CSS

solo avisar que el tema es del 2005
  #10 (permalink)  
Antiguo 19/07/2011, 12:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Degradado en CSS

si, y en el 2005 css3 no existia
y hoy, con el fix que señale el gradient te funciona en todos los navegadores,
te parece que no vale la pena la info ?
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
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 18:25.