aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm')
-rw-r--r--tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm38
1 files changed, 0 insertions, 38 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm
deleted file mode 100644
index 36bd1b6bcef..00000000000
--- a/tests/wpt/css-tests/css-transforms-1_dev/html/transform-inherit-origin-002.htm
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html><head>
- <title>CSS Test (Transforms): "transform-origin: inherit" and percentages</title>
- <link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
- <link href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property" rel="help">
- <meta content="The 'transform-origin'
- property's computed value (which is what's inherited if
- 'inherit' is specified) is defined as &quot;For <length> the
- absolute value, otherwise a percentage.&quot; In this test, a parent element
- has a transform-origin of '50% 100%' with a height/width of 50px,
- and the child has &quot;transform-origin: inherit&quot; with a height/width of 100px.
- Since the transform-origin is a percentage, it's inherited before it
- gets resolved to a length. This means it works out to 50px 100px on the
- child, at its center, so the 180deg rotation should translate the child
- down by 100px. An implementation that incorrectly resolved the
- transform-origin to 25px 50px before inheritance would instead display the
- child box translated left 75px." name="assert">
- <link href="reference/transform-inherit-origin-ref.htm" rel="match">
- <style>
- body {
- height: 50px;
- width: 50px;
- transform-origin: 50% 100%;
- }
- div {
- height: 100px;
- width: 100px;
- transform: rotate(180deg);
- transform-origin: inherit;
- background: blue;
- }
- </style>
- </head>
- <body>
- <div></div>
-
-
-</body></html> \ No newline at end of file