<?xml version="1.0" encoding="UTF-8"?>
<feature id="filter-function"><name>filter()</name><description>The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, background: filter(url(image.png), blur(2px)).</description><group>css</group><group_name>CSS</group_name><baseline><status>limited</status></baseline><support><browser name="chrome" version="—" supported="false"></browser><browser name="firefox" version="—" supported="false"></browser><browser name="safari" version="9.1" supported="true"></browser><browser name="edge" version="—" supported="false"></browser><browser name="chrome_android" version="—" supported="false"></browser><browser name="firefox_android" version="—" supported="false"></browser><browser name="safari_ios" version="9.3" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/filter-effects-1/#FilterCSSImageValue</spec></specifications><caniuse><id>css-filter-function</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/image</mdn_url><compat_features><key>css.types.image.filter</key></compat_features><canonical_url>https://nowyoucanuse.com/features--filter-function.html</canonical_url></feature>