Cerrar este aviso
Alerta
Tu navegador web no está actualizado.
Te recomiendo que actualices tu navegador web a la versión más reciente.
Navegador detectado: 
Inicio > Recursos > Efecto de fondo degradado con CSS

Efecto de fondo degradado con CSS

Lunes, 24 de septiembre de 2007

Con una imagen PNG diseñada para tal efecto y un poco de CSS podemos conseguir un fondo degradado en el pie de página de nuestra web:

Efecto Degradado

CSS:

#bottom_fade{
width: 600px;
height: 200px;
z-index: 99;
position: fixed;
bottom: 0%;
background-image:url("bottom-fade.png");
}

Llamada en la web:

<div id="bottom_fade"></div>

Si deseamos que este efecto se vea en todos los navegadores ha excepción de Internet Explorer 6 y versiones más antiguas, al selector #bottom_fade le agregaremos:

visibility: visible !important;
visibility: hidden;

Ver demostración on-lineDescargar ejemplo

Fuente: Xyberneticos

Recursos Imprimir

Posts Relacionados

  1. Kasatka
    Jueves, 22 de diciembre de 2011 a las 18:44 | #1

    podrías publicar como lograr lo del fondo de esta página?, que se crean estelas al pasar el ratón, muy interesante por cierto. O si me lo pudieras pasar a mi correo seria buenísimo, gracias!

  1. Sin trackbacks aún.



he dejado este espacio intencionadamente en blanco para que te diviertas :)