summaryrefslogtreecommitdiffstats
path: root/layout/reftests/transform-3d/perspective-clipping-1.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/transform-3d/perspective-clipping-1.html32
1 files changed, 32 insertions, 0 deletions
diff --git a/layout/reftests/transform-3d/perspective-clipping-1.html b/layout/reftests/transform-3d/perspective-clipping-1.html
new file mode 100644
index 0000000000..90ffcf528a
--- /dev/null
+++ b/layout/reftests/transform-3d/perspective-clipping-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>#inner should not be clipped</title>
+
+<style>
+
+body {
+ margin: 0;
+ background: red;
+}
+
+#perspective {
+ perspective: 300px;
+ perspective-origin: top left;
+}
+
+#inner {
+ height: 100vh;
+ transform-origin: top left;
+ transform: translateZ(-300px) scale(2);
+ z-index: 2;
+ background: lime;
+ border: 1px solid lime;
+ box-sizing: border-box;
+}
+
+</style>
+
+<div id="perspective">
+ <div id="inner"></div>
+</div>