diff options
Diffstat (limited to 'tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale.htm | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale.htm b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale.htm new file mode 100644 index 00000000000..3815aedd49d --- /dev/null +++ b/tests/wpt/css-tests/css-transforms-1_dev/html/css3-transform-scale.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Transforms Test: transform property with scale function</title> + <link href="mailto:codedancerhua@gmail.com" rel="author" title="Noah Lu"> + <link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen"> <!-- 2013-09-04 --> + <link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help"> + <link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help"> + <link href="reference/css3-transform-scale-ref.htm" rel="match"> + <meta content="box width and height will be twice larger if transform scale(2) applied" name="assert"> + <style type="text/css"> + .red, + .green{ + width: 100px; + height: 100px; + background-color: green; + position: absolute; + top: 150px; + left: 150px; + z-index: 10; + } + .red{ + background-color: red; + width: 200px; + height: 200px; + left: 100px; + top: 100px; + z-index:9; + } + .green{ + transform:scale(2); + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <div class="red"></div> + <div class="green"></div> + + +</body></html>
\ No newline at end of file |