CSS Filter Generator
Build CSS filter effects like blur, brightness, and contrast with live preview and copy-ready code. Free, no signup needed.
Preparing private browser tool…
Frequently asked questions
- Which filter functions are supported?
- blur, brightness, contrast, grayscale, hue-rotate, invert, saturate, sepia, and drop-shadow. Stack any combination.
- drop-shadow vs box-shadow?
- drop-shadow follows alpha channel so respects PNG/SVG transparency. box-shadow only renders around the rectangular box.
- Works on images and videos?
- Yes. CSS filters work on any element including img, video, svg, and divs.