TheDaVis Blog

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:

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-line – Descargar ejemplo

Fuente: Xyberneticos

thedavis Recursos Imprimir html