Het box-shadow attribuut is geïntroduceerd in CSS3 en maakt het mogelijk een schaduw toe te voegen aan block-level elementen zoals div.

Syntax

box-shadow: x offset, y offset, blur, color

Voorbeeld :

Schaduwdekking met rgba :

Hiermee kun je kleuren doorzichtig maken (opacity).

box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);

Opmerking voor browser compatibiliteit :

• Mozilla (FireFox) : -moz-box-shadow
• Safari : -webkit-box-shadow
• Internet Explorer : wordt nog niet ondersteund.

Meer informatie : W3, Mozilla Developer Center, Dev.Opera, Surfin‚ Safari.