DevTools Tips

Edit CSS filters

Categories: Supported by:

The filter property in CSS lets you change the way a particular element gets rendered.

Firefox provides a visual editor to play with CSS filters. You can add or remove filter functions from the list, re-order them, edit individual functions and even create presets that you can reuse later.

Learn more on MDN.

Screenshot of the filter editing UI in Firefox