CSS drop-shadow() funktion

DefinITION OG BRUG

CSS drop-shadow() Filterfunktionen anvender skyggeeffekter på billedet.

Tilføj forskellige skyggeeffekter til billedet:

#img1 {
  filter: drop-shadow(8px 8px 10px gray);
}
#img2 {
  filter: drop-shadow(10px 10px 7px lightblue);
}

Tilføj forskellige skyggeeffekter til billedet (brug negative værdier for både vandret og lodret skygge):

#img1 {
  filter: drop-shadow(-8px -8px 10px gray);
}
#img2 {
  filter: drop-shadow(-10px -10px 7px lightblue);
}

drop-shadow(h-shadow v-shadow blur spread color)

Værdi	Beskrivelse
h-shadow	Obligatorisk. Specificer pixelværdien for den horisontale skygge. Negative værdier vil placere skyggen til venstre for billedet.
v-shadow	Obligatorisk. Specificer pixelværdien for den vertikale skygge. Negative værdier vil placere skyggen øverst på billedet.
blur	Valgfri. Tilføj en slørede effekt til skyggen, måleenhed i pixels. Jo større værdien er, jo stærkere vil den slørede effekt være (skyggen vil blive større og mere lys). Det er ikke tilladt at bruge negative værdier. Hvis værdien ikke er specificeret, er standardværdien 0 (skyggen har en klar kant).
spread	Valgfri. Skal være i pixelværdi. Positive værdier vil udvide og øge skyggen, mens negative værdier vil formindske skyggen. Hvis ikke specificeret, er standardværdien 0 (skyggen er af samme størrelse som elementet).
color	Valgfri. Tilføj farve til skyggen. Hvis ikke specificeret, afhænger farven af browseren (normalt sort).