Vragen? Forum!

Download hier code en uitleg (565 kB).

Uitleg online lezen.

Schaduwen zonder gebruik van afbeeldingen (box-shadow)

Zoals het er ongeveer uit zou moeten zien.

Wat deze browser er op dit moment van maakt

Schaduw rechtsonder

1. Zwarte schaduw rechts en onder

Dubbele schaduw

2. Zwarte schaduw links en boven, grijze rechts en onder

Ronde hoeken met schaduw linksboven

3. Grijze schaduw links en boven, ronde hoeken

Ronde hoeken met schaduw rechtsonder met inset

4. Grijze inset-schaduw rechts en onder, ronde hoeken

Schaduw rechtsonder met blur

5. Zwarte vervagende schaduw rechts en onder

Spread en blur rondom

6. Zwarte vervagende schaduw rondom

Spread en blur rondom met inset

7. Blauwe inset-schaduw, ronde hoeken

Negatieve blur rondom

8. Blauwe vervagende schaduw rondom

Inset, outset en ronde hoeken

9. Gecombineerde inset en gewone schaduw, ronde hoeken

Foto met schaduw rechtsonder

Koninginnedag 30 april 2009, Vondelpark, Amsterdam

Normale knop en knop bij hoveren

GEWOON

HOVER

Cirkelvormige meerkleurige rand rondom

Dit met css maken in IE 7/8? Grapjas!