DESIGN TOOL
CSS Filter Playground
Adjust blur, brightness, contrast, and more. Preview effects on images in real time, switch to backdrop-filter, and copy the CSS.
Filter Functions
Drop Shadow
Live Preview
' width='400' height='280'/><polygon fill='url(%23mtn)' points='0,280 100,100 200,180 300,80 400,200 400,280'/><circle cx='320' cy='60' r='30' fill='%23FBBF24'/><rect y='240' width='400' height='40' fill='%2322C55E' rx='0'/></svg>)
Frosted Glass
backdrop-filter effect