"Sombras con CSS"
Sombras com CSS La propiedad box-shadow nos permite añadir sombra a una imagen, párrafo o bloque (DIV). El problema es que esta propiedad no está disponible en todos los navegadores y debemos añadir la propiedad que cada navegador va incorporando. Estos datos son proporcionados por Vagabundia y es cuestión de recordarlos. Firefox 3.5 en adelante: -moz-box-shadow: 5px 5px 5px #C0C0C0; WebKit, Chrome y Safari: -webkit-box-shadow: 5px 5px 5px #C0C0C0; Internet Explorer 8 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5)"; Internet Explorer en general: filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5); Para versiones de Internet Explorer anteriores a la 8 es necesario añadir width o height. Podemos añadir los estilos de la sombra directamente donde vamos a añadirla. Esto sería el contenido del bloque <div style="-moz-box-shadow: 0px 0px 8px #C0C0C0; border: 1px solid r...