CSS Lastnost: filter: drop-shadow()

Lastnost filter: drop-shadow sliki doda učinek sence. Možne vrednosti:

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>filter: drop-shadow</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        * {
            box-sizing: border-box;
        }
        img {
            filter: drop-shadow(2px 2px 6px blue);
        }
    </style>
</head>
<body>
<img src="/demo/smiley.png" width="403" height="336" alt="Smeško">
</body>
</html>

REZULTAT

Vodoravna senca	Določa vrednost pikslov za vodoravno senco. Negativne vrednosti postavijo senco na levo stran slike.
Navpična senca.	Določa vrednost pikslov za navpično senco. Negativne vrednosti postavijo senco nad sliko.
Zameglitev	To je tretja vrednost (ki jo dodamo po želji) in mora biti v slikovnih pikah. Senci doda učinek zameglitve. Večja vrednost bo ustvarila večjo zamegljenost (senca postane večja in svetlejša). Negativne vrednosti niso dovoljene. Če vrednost ni navedena, se uporabi 0 (nič), pomeni, da je rob sence oster.
Širjenje	To je četrta vrednost (ki jo dodamo po želji). Pozitivne vrednosti bodo povzročile, da se senca razširi in postane večja, negativne vrednosti povzročijo zmanjšanje sence. Če ni podano, bo senca enake velikosti kot element, vrednost 0 (nič). Nekateri brskalniki ne podpirajo te vrednosti.
Barva	Doda barvo senci in je tudi ta neobvezna. Če ni določena, je barva odvisna od brskalnika (pogosto črna).