third_party/WebKit/LayoutTests/transforms/translate-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4     width: 100px;
   5     height: 100px;
   6     background-color: blue;
   7 }
   8 .container {
   9     transform: translate(100px, 100px);
  10     background-color: red;
  11     transform-style: preserve-3d;
  12     perspective-origin: 150% 150%;
  13     perspective: 500px;
  14 }
  15 #box1 {
  16     transform: inherit;
  17 }
  18 #box2 {
  19     transform: translate3d(100%, -200%, -500px);
  20 }
  21 #box3 {
  22     transform: translate(300px);
  23 }
  24 </style>
  25
  26 <div class="container">
  27     <div id="box1">1</div>
  28     <div id="box2">2</div>
  29 </div>
  30 <div id="box3">3</div>