Cień bloku w CSS
box-shadow
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu cień koloru czerwonego, przesunięty
w dół o 15px, w prawo o 20px
i rozmyciem 5px.
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu cień koloru zielonego, przesunięty
w górę o 15px, w prawo o 20px
i bez rozmycia.
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu wewnętrzny cień koloru czarnego,
bez przesunięć, ale z rozmyciem 5px.
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu wewnętrzny cień koloru czarnego,
przesunięty w dół o 3px i w prawo o
4px, z rozmyciem 3px.
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu dwa cienie - jeden u góry,
drugi u dołu.
Dany jest blok o rozmiarze 200 na 200.
Dodaj mu cztery cienie tak, aby każdy
był z jednej strony bloku z przesunięciem o 30px
i bez rozmycia. To znaczy jeden cień dokładnie
u góry, drugi dokładnie po prawej i
tak dalej.