Skip to main content
DevTools24

CSS Filter Generator

Create CSS filter effects visually. Adjust blur, brightness, contrast, and more with live preview.

Preview
filter: none;

CSS Filter Property - Technical Details

The CSS filter property applies graphical effects like blur or color shift to an element. Filters are commonly used for image effects, hover states, and visual enhancements. Multiple filter functions can be combined.

Command-line Alternative

img:hover {\n  filter: brightness(1.1) contrast(1.1) saturate(1.2);\n}

Reference

View Official Specification