diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/async-scrolling/perspective-scrolling-5.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/async-scrolling/perspective-scrolling-5.html')
| -rw-r--r-- | layout/reftests/async-scrolling/perspective-scrolling-5.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/layout/reftests/async-scrolling/perspective-scrolling-5.html b/layout/reftests/async-scrolling/perspective-scrolling-5.html new file mode 100644 index 0000000000..cfbf2d2228 --- /dev/null +++ b/layout/reftests/async-scrolling/perspective-scrolling-5.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang="en" reftest-async-scroll> +<meta charset="utf-8"> +<title>Perspective scrolling</title> +<style> +html { + height: 100%; + overflow: hidden; +} + +body { + overflow: auto; + height: 100%; + scrollbar-width: none; + margin: 0; +} + +.scene { + position: relative; + width: 200px; + height: 200px; + perspective: 100px; + transform-style: preserve-3d; +} + +.face { + position: absolute; + width: 200px; + height: 200px; + top: 0; + left: 0; +} + +.front { + background-color: lime; +} + +/* + * This one should never be visible, and should be always + * behind the front face. + */ +.back { + width: 400px; + height: 400px; + top: -100px; + left: -100px; + transform: translateZ(-100px); + background-color: red; +} +</style> + +<body reftest-displayport-x="0" reftest-displayport-y="0" + reftest-displayport-w="800" reftest-displayport-h="2000" + reftest-async-scroll-x="0" reftest-async-scroll-y="200"> +<div style="height: 200px"></div> +<div class="scene"> + <div class="face front"></div> + <div class="face back"></div> +</div> +<div style="height: 5000px"></div> |