Het box-shadow -attribuut

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 :

Zonder en met box-border

Schaduwdekking met rgba :

Hiermee kun je kleuren doorzichtig maken (opacity).

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

box-shadow

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.

Categorieën
CSS
Zoeken