<?xml version="1.0" encoding="UTF-8"?>
<feature id="filter"><name>filter</name><description>The filter CSS property applies one or more graphic effects to an element. You can use filter functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, filter: blur(2px).</description><group>css</group><group_name>CSS</group_name><baseline><status>widely</status><low_date>2016-09-07</low_date><high_date>2019-03-07</high_date></baseline><support><browser name="chrome" version="53" supported="true"></browser><browser name="firefox" version="35" supported="true"></browser><browser name="safari" version="9.1" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="53" supported="true"></browser><browser name="firefox_android" version="35" supported="true"></browser><browser name="safari_ios" version="9.3" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/filter-effects-1/#propdef-filter</spec></specifications><caniuse><id>css-filters</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/filter</mdn_url><compat_features><key>css.properties.filter</key><key>css.properties.filter.blur</key><key>css.properties.filter.brightness</key><key>css.properties.filter.contrast</key><key>css.properties.filter.drop-shadow</key><key>css.properties.filter.grayscale</key><key>css.properties.filter.hue-rotate</key><key>css.properties.filter.invert</key><key>css.properties.filter.opacity</key><key>css.properties.filter.saturate</key><key>css.properties.filter.sepia</key><key>css.types.filter-function</key><key>css.types.filter-function.blur</key><key>css.types.filter-function.brightness</key><key>css.types.filter-function.contrast</key><key>css.types.filter-function.drop-shadow</key><key>css.types.filter-function.grayscale</key><key>css.types.filter-function.hue-rotate</key><key>css.types.filter-function.invert</key><key>css.types.filter-function.opacity</key><key>css.types.filter-function.saturate</key><key>css.types.filter-function.sepia</key></compat_features><canonical_url>https://nowyoucanuse.com/features--filter.html</canonical_url></feature>