LoveCSS.comLoveCSS

CSS Filter Generator

Filters

%
%
%
%

Preview

Filter preview

Presets

Active Filters

No filters applied

CSS

.image {
  filter: none;
}

HTML

<img
  class="filtered-image"
  src="image.jpg"
  alt="Filtered image"
/>

About CSS Filter Generator

Apply CSS filters visually to images. Adjust brightness, contrast, blur, grayscale, hue, saturation, and more, then generate clean CSS instantly.

Also check out the Clip-Path Generator and the Gradient Generator.