Gradual with CSS

[Yorus]

This post is being processed/translated. The original version will be shown:

¿Existe alguna forma de hacer un fondo degradado en una caja con CSS?. De momento he visto alguna solución en HTML, pero solo funcionan en IE.

Salu2!.

[rul3s]

This post is being processed/translated. The original version will be shown:

What¿?…jajajaja, ni idea macho, no se ni ke has preguntado...xD xD xD

[Yorus]

This post is being processed/translated. The original version will be shown:

Me parece que me he pasado de breve, pero creo que en CSS no se puede.

Me explico:

Cuando digo degradado me refiero a un degradado de color y en cuanto a una caja me refiero a ese elemento de la página web que puede contener otros, como es el caso de la caja de texto donde estoy escribiendo esto. Entonces lo que quería hacer es que el color de fondo de esa caja no fuera sólido, sino un degradado de dos colores. Es decir, esto:

Enlace a la imagen

Por lo que he visto por ahora solo se puede hacer usando una característica de Internet Explorer que no funciona en otros navegadores o poniendo un archivo JPG, GIF o PNG de fondo.

Salu2!.

[pAtO]

This post is being processed/translated. The original version will be shown:

los degradados css, que yo sepa, se hacen con imágenes

simplemente, haces el fondo degradado con un programa de diseño de imagen, y al implementarlo como fondo de capa, le añades los atributos no-repeat top; lo que quedaría así

background: url(diredelfondo.jpg) no-repeat top;

creo, vamos, estoy un poco desentrenao. y ya, como fondo de capa, pues pones la continuación del degradado

background-color: #FFFFFF;

si el degradado acaba en blanco

ese es el procedimiento que sigo para fondos degradados. y quien dice que lo pongas arriba (top), pues según el degradado, si es para el que has puesto tú, pues será left…

[vallekano]

This post is being processed/translated. The original version will be shown:

Hombre, he visto cosas parecidas a fuerza de meter capas dentro de capas, cada una con sus margenes, colores, etc…. al final-> Un lio.

Lo práctico y normal es como te han dicho, con una imagen de fondo.

[Yorus]

This post is being processed/translated. The original version will be shown:

Gracias por las aclaraciones. De momento he pasado de los degradados, aunque es bueno saber estas cosas, porque le estoy empezando a coger el gustillo y me veo como Membris Khan, sacando versión tras versión de mi blog.

[Nacho]

This post is being processed/translated. The original version will be shown:

Siento revivir esta rama del pasado, pero por si alguien aun le sirve:

http://slayeroffice.com/code/gradient/
http://www.designdetector.com/2005/09/css-gradients-demo.php

Un saludo.

[Yorus]

This post is being processed/translated. The original version will be shown:

Nunca es tarde para aprender cosas, gracias por la aportación :sisi:.