Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: cesand en Sábado 13 de Marzo de 2010, 23:27
Título: rebajar color en una div
Publicado por: cesand en Sábado 13 de Marzo de 2010, 23:27
hola gente gusato en saludarlos nuevamente, busque en google pero no consegui lo que buscaba.. la pregunta que quiero hacerles es:
supongamos que tenemos una capa div con un color completo de fondo azul... con algun estilo se puede lograr el efecto que en la parte superior de la div tenga este color azul natural y progrecibamente hacia abajo valla haciendoce mas claro este azul hasta llegar al lado inferior de la div legando a un color completamente blanco...
se entiende?
espero que si amigo saludos a todos
Título: Re: rebajar color en una div
Publicado por: DriverOp en Domingo 14 de Marzo de 2010, 15:12
Sí, se entiende. No, no se puede con solo CSS. El efecto que quieres se llama degradado.
Necesitas una imagen de fondo para conseguirlo. Usando un programa de edición de imágenes crea el degradado que quieras y recorta una tira de pocos píxeles de ancho y de todo el largo de la imagen. Luego en el CSS haces:
Código: PHP
.midiv {
background-image: url("miimagendefondo.jpg");
background-repeat: repeat-x;
background-color:#0000FF; /* este sería el color del final del degradado */