fondo esfumado

peru · #1 (**permalink**) 17/04/2006, 19:47

hola! un favor, alguien me podria poner un ejemplo para hacer un fondo que por ejemplo empieze (desde arriba hacia abajo) con un color intenso (por ejemplo azul oscuro) y vaya bajando hasta un celeste claro?

gracias!

webosiris · #2 (**permalink**) 17/04/2006, 19:54

con css no se puede... necesitarás usar una imagen... y eso lo podés hacer con la opción de "degradado" de cualqueir herrameinta de diseño.

peru · #3 (**permalink**) 17/04/2006, 20:14

webosiris eso claro que lo se, hago las imagenes con el photoshop, pero como haria con el background del body, para que por ejemplo un pedazo (100px) sea el gif del azul oscuro y dps del 101 al 120 el azul un poco mas claro y asi sucesivamente??

gracias de nuevo

iconogt · #4 (**permalink**) 17/04/2006, 20:25

Aquí te dejo el código para que lo uses a tu gusto,

Código:

body {
margin : 0;
padding : 0;
background-image : url('../imagen.gif');
background-position : bottom center; /*la posicion del gráfico*/
background-repeat : repeat-x;   /*si es horizontal*/
background-attachment : fixed; /*si es estático*/
}

Espero te sirva de algo, slds...

peru · #5 (**permalink**) 17/04/2006, 20:35

gracias iconogt!

-Defero- · #6 (**permalink**) 18/04/2006, 10:23

Cita:

Iniciado por peru

(...) un pedazo (100px) sea el gif del azul oscuro y dps del 101 al 120 el azul un poco mas claro (...)

¿Y por qué no pones un GIF de 120px con los distintos colores que buscas?

caricatos · #7 (**permalink**) 18/04/2006, 10:28

Hola:

Tengo una utilidad que genera imagenes degradadas: http://www.caricatos.net/gradientes/index.html

Saludos

webosiris · #8 (**permalink**) 18/04/2006, 12:02

Cita:

Iniciado por caricatos

Tengo una utilidad que genera imagenes degradadas

¡directo a mis marcadores!

caricatos · #9 (**permalink**) 18/04/2006, 17:14

Cita:

Iniciado por webosiris

¡directo a mis marcadores!

¡Je, je!... aunque creo que el código que se genera siempre se adapta al tamaño de la ventana (aunque esté marcada una longitud fija)... bueno... un problemilla secundario.

Saludos