CSS vlastnosti

box-shadow

Vlastnost box-shadow přidá HTML elementu jeden nebo více stínů.

box-shadow: none | h-shadow v-shadow blur spread color | inset | initial | inherit

Hodnoty	Popis
none	výchozí hodnota, není zobrazen žádný stín
h-shadow	povinná hodnota, postavení horizontální polohy stínu, záporné hodnoty jsou povoleny
v-shadow	povinná hodnota, postavení vertikální polohy stínu, záporné hodnoty jsou povoleny
blur	rozostření vzdálenost
spread	velikost stínu, záporné hodnoty jsou povoleny
color	barva stínu, výchozí hodnota je černá
inset	změní stín z vnějšího na vnitřní
initial	nastaví tuto vlastnost zpět na její výchozí hodnotu
inherit	zdědí tuto vlastnost od jeho rodičovského elementu

Přidá stín HTML elementu <div>.

CSS:

div {
    box-shadow: 5px 12px 8px #888888;
    width: 425px;
    height: 50px;
    background-color: #1e90ff;
}

VÝSLEDEK: