third_party/WebKit/LayoutTests/transforms/translate.html

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