Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/filter-region-calc-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>SVG Filters: <filter> with filter region using calc() for 'width'</title>
<link rel="match" href="reference/green-100x100.html">
<style>
#target {
width: 200px;
height: 100px;
background-color: red;
filter: url(#f);
}
</style>
<div id="target"></div>
<svg width="0" height="0">
<filter id="f" x="0" y="0" width="calc(25% + 0.25px)" height="1"
color-interpolation-filters="sRGB">
<feFlood flood-color="green"/>
</filter>
</svg>