La propiedad CSS box-shadow añade efectos de sombra alrededor del marco de un elemento. Se pueden definir múltiples efectos separados por comas. La caja de la sombra se describe por los desplazamientos en X e Y, los radios de desenfoque y dispersión, y el color relativos al elemento.
La propiedad box-shadow permite proyectar una sombra difuminada desde el marco de casi cualquier elemento. Si border-radius (en-US) es especificado en un elemento con la propiedad box-shadow, la sombra adopta la misma curva en las esquinas. El z-orden de múltiples cajas de sombra es la misma que de múltiples sombras de texto (la primera sombra definida se ubica hasta arriba).
En el primer ejemplo usamos "text-shadow: #929292 7px 7px 3px;" el primer atributo es el color, el segundo es la dirección (derecha), el tercero es la otra dirección (abajo), el cuarto es para expandir el área que abarca la sombra.
Ejemplo 1
Eduardo
código:
HTML:
CSS:
En el segundo ejemplo usamos "text-shadow: #929292 -5px -5px 10px 5px;" el primer atributo es el color, el segundo es la dirección (izquierda), el tercero es la dirección (arriba), y el cuarto es para expandir el área que abarca la sombra.
