Apply CSS filter effects to images and elements. Combine multiple filters like blur, brightness, contrast, and more with real-time preview.

Available Filters

• Blur: Gaussian blur (0-20px)
• Brightness: Light/dark adjustment (0-200%)
• Contrast: Increase/decrease contrast (0-200%)
• Grayscale: Color to grayscale (0-100%)
• Hue Rotate: Shift colors around the wheel (0-360deg)
• Invert: Invert colors (0-100%)
• Saturate: Color intensity (0-200%)
• Sepia: Warm brown tone (0-100%)
• Opacity: Transparency (0-100%)

/* Single filter */
filter: blur(5px);

/* Multiple filters */
filter: contrast(120%) brightness(110%) saturate(130%);

/* Grayscale with hint of color */
filter: grayscale(80%) contrast(110%);