third_party/WebKit/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         transform: translate(400px); // this should evaluate as 400px, 0px
  21       }
  22
  23       #box2 {
  24         top: 500px;
  25         left: 500px;
  26         background-color: green;
  27         transform: translate3d(0px, 0px, -1px);
  28       }
  29
  30       #box3 {
  31         top: 100px;
  32         left: 500px;
  33         background-color: red;
  34         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>