diff options
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/ttwf-css-3d-polygon-cycle-ref.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/ttwf-css-3d-polygon-cycle-ref.xht | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/ttwf-css-3d-polygon-cycle-ref.xht b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/ttwf-css-3d-polygon-cycle-ref.xht new file mode 100644 index 00000000000..da0c21c3bd3 --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/xhtml1/reference/ttwf-css-3d-polygon-cycle-ref.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <title>CSS Transforms Test: 3d transform polygon cycle</title> + <link href="mailto:leo.ziegler@gmail.com" rel="author" title="Leo Ziegler" /> + <meta content="svg" name="flags" /> + <style type="text/css"> + #container { + position: absolute; + top: 100px; + left: 100px; + } + .rect { + position: absolute; + } + #red0 { + background-color: red; + left: 6px; + width: 100px; + height: 50px; + } + #green0 { + background-color: green; + top: 6px; + width: 50px; + height: 100px; + } + #blue0 { + background-color: blue; + width: 50px; + height: 100px; + transform: translate(40px, 81px) rotate(45deg); + } + #red1 { + background-color: red; + width: 100px; + height: 50px; + transform: translate(94px, 0px); + } + #green1 { + background-color: green; + width: 50px; + height: 100px; + transform: translate(0px, 94px); + } + #blue1 { + background-color: blue; + width: 50px; + height: 100px; + transform: translate(102px, 19px) rotate(45deg); + } + </style> +</head> +<body> + <p>The test passes if there red is over green, green is over blue and blue is over red.</p> + <div id="container"> + <div id="blue0" class="rect"></div> + <div id="green0" class="rect"></div> + <div id="red0" class="rect"></div> + <div id="red1" class="rect"></div> + <div id="green1" class="rect"></div> + <div id="blue1" class="rect"></div> + </div> + + +</body></html>
\ No newline at end of file |