Como colorear mi web con colores degradados?

**arkim** · 01/04/2012, 08:29

Hola amigos, me gustaría saber como puedo conseguir efectos de colorido degradado para mi web.
Saludos a todos y gracias

**spitfire2** · 01/04/2012, 08:41

eso se hace poniendo una imagen de fondo a un div o al body de tu web, primero creas la imagen con el degradado y luego se la aplicas de fondo en donde quieres crear el efecto, en el curso con divs de cctw dice como poner imagenes de fondo.

**arkim** · 01/04/2012, 15:04

Quizá no me he explicado bien, perdonad. Pero mi duda es como crear la imágen con el degradado. Hay algúna manera de hacerlo?

**ricky** · 01/04/2012, 15:31

Claro que hay, con un programa de diseño como photoshop o gimp, o buscando rapido en san google encontre este sitio , o planteate tambien hacerlo en css3.

**arkim** · 02/04/2012, 07:59

Gracias, ricky, lo pruebo y te digo algo.

**Rabs** · 02/04/2012, 08:07

Habia un js.. para IE, que es lo que te hacia... busco mas y te lo digo ok?

**jacob** · 02/04/2012, 21:45

si yo lo e hecho con photoshop le e dado una resolucion grande y desppues la e puesto en la web como fondo fijo
en hoja de estilos le debes poner " background-attachment:fixed"

**jacob** · 02/04/2012, 21:48

o si lo quieres haces el degradado en photoshop cambias el tamaño de la imagen a 1px por 2500px y el degradado cambiara conforme bajes o subas por la pagina
para gustos colores un saludo

**Rabs** · 03/04/2012, 06:48

Aqui está! Es para firefox, el de IE no lo he encontrado, pero bueno, es esto:
Al fondo (Que seguramente sea el body) En el css añades:

Código:

 background: -webkit-linear-gradient(color1, color2); background: -moz-linear-gradient(color1, color2); background: -o-linear-gradient(color1, color2);

Donde color1 y color2, colocas el nombre en ingles del color inicial, y del color secundario. Esto sirve para hcer degradados lineales (Empieza en un color, y acaba en otro)
La primera es para web-kit, la segunda para firefox, y la tercera para opera.
Se espera que en IE sea algo como
background: linear-gradient(color1, color2);
Y que este se haga el definitivo, pero hasta entonces, hay que poner los demas, y IE no lo soportará (Ya sabemos como son los chicos de Microsoft, no lo van a meter almenos hasta IE 15 :P )

Fuente: Desarrolloweb

Suerte :)