Tieň bloku v CSS
box-shadow
Daný je blok s veľkosťou 200 na 200.
Pridajte mu tieň červenej farby, posunutý
nadol o 15px, doprava o 20px
a s rozostrením 5px.
Daný je blok s veľkosťou 200 na 200.
Pridajte mu tieň zelenej farby, posunutý
hore o 15px, doprava o 20px
a bez rozostrenia.
Daný je blok s veľkosťou 200 na 200.
Pridajte mu vnútorný tieň čiernej farby,
bez posunov, ale s rozostrením 5px.
Daný je blok s veľkosťou 200 na 200.
Pridajte mu vnútorný tieň čiernej farby,
posunutý nadol o 3px a doprava o
4px, s rozostrením 3px.
Daný je blok s veľkosťou 200 na 200.
Pridajte mu dva tiene - jeden zhora,
druhý zdola.
Daný je blok s veľkosťou 200 na 200.
Pridajte mu štyri tiene tak, aby každý
bol na jednej strane bloku s posunom 30px
a bez rozostrenia. To znamená jeden tieň presne
zhora, druhý presne sprava a
tak ďalej.