diff options
Diffstat (limited to '')
-rw-r--r-- | testing/web-platform/tests/css/filter-effects/empty-element-with-filter.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/filter-effects/empty-element-with-filter.html b/testing/web-platform/tests/css/filter-effects/empty-element-with-filter.html new file mode 100644 index 0000000000..3e8fc7e164 --- /dev/null +++ b/testing/web-platform/tests/css/filter-effects/empty-element-with-filter.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<title>CSS Filter Effects: filters on elements that otherwise have no visible content</title> +<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterProperty"> +<link rel="match" href="reference/empty-element-with-filter-ref.html"> +<meta name="assert" content="This test ensures we properly render filters on elements that otherwise have no visible content."> +<style> + .turbulent { + width: 160px; + height: 90px; + margin: 10px; + filter: url(#turbulence); + } + + .visibleContent { + background-color: red; + } +</style> +<div class="turbulent visibleContent"></div> +<div class="turbulent"></div> + +This test passes if both divs look the same. + +<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> + <defs> + <filter id="turbulence" color-interpolation-filters="sRGB"> + <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> + </filter> + </defs> +</svg> |