WebCore:
[WebKit-https.git] / LayoutTests / fast / css / transform-default-parameter.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2   "http://www.w3.org/TR/html4/strict.dtd">
3
4 <html>
5   <head>
6     <meta http-equiv="Content-type" content="text/html; charset=utf-8">
7     <title>Testing translate(x)</title>
8     <style type="text/css" media="screen">
9       
10       div {
11         position: absolute;
12         width: 300px;
13         height: 100px;
14       }
15       
16       #box1 {
17         top: 100px;
18         left: 100px;
19         background-color: blue;
20         -webkit-transform: translate(400px); // this should evaluate as 400px, 0px
21       }
22
23       #box2 {
24         top: 500px;
25         left: 500px;
26         background-color: green;
27         -webkit-transform: translate3d(0px, 0px, -1px);
28       }
29
30       #box3 {
31         top: 100px;
32         left: 500px;
33         background-color: red;
34         -webkit-transform: translate3d(0px, 0px, -1px);
35       }
36       
37     </style>
38   </head>
39   <body>
40     <h1>Testing default translate parameter</h1>
41     <p>There should be blue and green boxes shown. If there is a red box visible, the test has failed</p>
42     
43     <div id="box3">
44       If you can see this box, then the test has failed.
45     </div>
46
47     <div id="box1">
48       This box should be visible (it is translated).
49     </div>
50
51     <div id="box2">
52       This box should be visible.
53     </div>
54
55     
56   </body>
57 </html>