diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-view-transitions/3d-transform-incoming-ref.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-view-transitions/3d-transform-incoming-ref.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-view-transitions/3d-transform-incoming-ref.html b/testing/web-platform/tests/css/css-view-transitions/3d-transform-incoming-ref.html new file mode 100644 index 0000000000..c690ee2b9a --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/3d-transform-incoming-ref.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<title>View transitions: 3d transform ref</title> +<link rel="help" href="https://github.com/WICG/view-transitions"> +<link rel="author" href="mailto:vmpstr@chromium.org"> +<style> +div { box-sizing: border-box; will-change: transform } +.wrap_perspective { + perspective: 100px; + width: max-content; + transform: translate(200px); +} +.rotatex { + transform-style: preserve-3d; + transform: rotateX(20deg); + background: blue; +} +.shared { + width: 100px; + height: 100px; + view-transition-name: shared; +} +body { background: pink } + +</style> + +<div class="wrap_perspective"><div class="rotatex shared"></div></div> + + |