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.

David van der Tuijn
"Mijn naam is David van der Tuijn, als senior php developer bij Floro Webdevelopment B.V. werk ik samen met een projectleider, back-end developers, front-end developers en designers, op basis van een functioneel- (FO) en technisch ontwerp (TO), bouw ik webapplicaties die voldoen aan de nieuwste ontwikkelingen op internet gebied. Ik werk zelfstandig, weet hoe een architectuur opgezet moet worden en kan deze uitdragen in een multidisciplinair team. binnen een project adviseer ik over de juiste methoden en technieken. Ik ontwikkel en bewaak de kwaliteit van de development werkzaamheden in projecten en kan projecten binnen een afgegeven planning afronden."