Generador de sombras CSS3 (Box-shadow)

Creado por



Compatibilidad - Navegadores

Propiedad
box-shadow 10.04.0 -webkit 9.0 4.03.5 -moz- 5.13.1 -webkit 10.5

Aquí se generara el código

Vista previa id="caja"


Información

Puedes utilizar número negativos para cambiar la posición de la sombra.

La mayoría de las actualizaciones resientes de los navegadores ya permiten el uso correcto de CSS3 pero es recomendable adaptar el código para que funcione en todos y no presente ningún problema, podemos utilizar “-moz-box-shadow:” para Mozilla, “webkit-box-shadow:” para Google Chrome y Safari,”box-shadow” para Explorer y Opera, PUEDES UTILIZAR TODOS JUNTOS.