Lohkon varjo CSS:ssä
box-shadow
Annettu lohko, koko 200 x 200.
Lisää sille punainen varjo, siirrettynä
alas 15px, oikealle 20px
ja 5px sumeuudella.
Annettu lohko, koko 200 x 200.
Lisää sille vihreä varjo, siirrettynä
ylös 15px, oikealle 20px
ja ilman sumeutta.
Annettu lohko, koko 200 x 200.
Lisää sille sisäinen musta varjo,
ilman siirtoja, mutta 5px sumeuudella.
Annettu lohko, koko 200 x 200.
Lisää sille sisäinen musta varjo,
siirrettynä alas 3px ja oikealle
4px, 3px sumeuudella.
Annettu lohko, koko 200 x 200.
Lisää sille kaksi varjoa - yksi yläpuolelta,
toinen alapuolelta.
Annettu lohko, koko 200 x 200.
Lisää sille neljä varjoa siten, että kukin
on yhdellä lohkon sivulla 30px siirrolla
ja ilman sumeutta. Eli yksi varjo suoraan
ylhäällä, toinen suoraan oikealla ja
niin edelleen.