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

thedavis Recursos Imprimir

Posts Relacionados

  1. Sin comentarios aún.
  1. Sin trackbacks aún.