diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-view-transitions/view-transition-name-is-backdrop-filter-root-ref.html')
-rw-r--r-- | testing/web-platform/tests/css/css-view-transitions/view-transition-name-is-backdrop-filter-root-ref.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-view-transitions/view-transition-name-is-backdrop-filter-root-ref.html b/testing/web-platform/tests/css/css-view-transitions/view-transition-name-is-backdrop-filter-root-ref.html new file mode 100644 index 0000000000..32aaf55412 --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/view-transition-name-is-backdrop-filter-root-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> +<title>View transitions: view-transition-name non-none value is a backdrop filter root (ref)</title> +<link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> +<link rel="author" href="mailto:vmpstr@chromium.org"> + +<style> +.background { + background: cyan; + width: 200px; + height: 200px; +} +.shared { + background: blue; + position: relative; + left: 50px; + top: 50px; + width: 100px; + height: 100px; + will-change: opacity; +} +.filter { + backdrop-filter: invert(1); + position: relative; + left: -50px; + top: 30px; + width: 200px; + height: 40px; +} +</style> + +<div class=background> + <div class=shared> + <div class=filter></div> + </div> +</div> + |