Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 01munrra en 26 Agosto 2013, 04:32 am

Título: Fondo degradado con css3(Solucionado)
Publicado por: 01munrra en 26 Agosto 2013, 04:32 am

Saludos!!!...

estoy haciendo un fondo degradado, y pues queda fino, el problema esta en que cuando el texto es mas largo el degradado comienza abajo de nuevo, que propiedad uso para que sea infinito. acontinuacion la imagen...
(http://dc626.4shared.com/img/UvUHftd4/s7/140b87545a0/Document22.png?async&rand=0.7260038123931736)

Título: Re: Fondo degradado con css3
Publicado por: #!drvy en 26 Agosto 2013, 04:52 am

Como tienes implementado el gradiente. Muestra código..

Saludos

Título: Re: Fondo degradado con css3
Publicado por: 01munrra en 26 Agosto 2013, 05:10 am

de esta forma.....

Código

	background: linear-gradient(#B0E0E6, white);
	background: -moz-linear-gradient(#B0E0E6, white);
	background: -o-linear-gradient(#B0E0E6, white);
	background: -ms-linear-gradient(#B0E0E6, white);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0E0E6', endColorstr='white'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0E0E6', endColorstr='white')"; /* IE8+ */
	-o-background-size: auto;

Saludos!!!

Título: Re: Fondo degradado con css3
Publicado por: #!drvy en 26 Agosto 2013, 05:19 am

Código

background-repeat:no-repeat;

PD: También le puedes dar background-position:fixed; para que se adapte al contenedor y no se expanda.

Saludos

Título: Re: Fondo degradado con css3
Publicado por: 01munrra en 26 Agosto 2013, 13:45 pm

Me funciono.... Gracias drvy.....!!!!!