CSS · Functions and values

drop-shadow()

Adds a shadow that follows the shape of the element, including transparency.

cssRunnable example css course

Syntax

drop-shadow(x y blur color)

Example

Try it

.demo { filter: drop-shadow(0 4px 8px rgb(0 0 0 / 0.2)); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.