Combine blur, brightness, contrast and other CSS filters. CSS Filter Generator is a free online tool from the ToolsRift CSS Generators collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Toggle and adjust each filter's slider, watch the live preview update, and copy the combined filter CSS.
It applies graphical effects — blur, brightness, contrast, saturate, grayscale, sepia, invert and hue-rotate — directly to an element.
Yes — list several filter functions in one declaration and they are applied in order, left to right.
No — filters are painted effects and do not change the element's box size or position.