Lohkon varjo CSS:ssä

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.