learning$css

drop-shadow()

PrevNext
Term side of the Card
Topic: Background
Unit title: drop-shadow()
Categories: Function
Explanation side of the Card

Explanation: The function used as a value for the `filter` property to add a shadow effect around an element. Unlike `box-shadow`, it applies a shadow that follows the shape of the content, making it ideal for images with transparent areas or complex shapes.

Browser compatibility:
  • The chrome browser supports this feature starting from version 18
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 35
  • The safari browser supports this feature starting from version 6
Availability: