src/third_party/WebKit/LayoutTests/css3/calc/transforms-translate.html

   1 <!DOCTYPE HTML>
   2 <style>
   3   div {
   4     width:100px;
   5     height:100px;
   6     margin:50px;
   7     background-color:green;
   8   }
   9
  10   #translatex {
  11     -webkit-transform: translatex(calc(50% + 10px));
  12   }
  13   #translatey {
  14     -webkit-transform: translatey(calc(40% - 5px));
  15   }
  16   #translatez {
  17     -webkit-transform: perspective(calc(100px * 5)) translatez(calc(10px + 90px));
  18   }
  19 </style>
  20 <div id="translatex">translate x</div>
  21 <div id="translatey">translate y</div>
  22 <div id="translatez">translate z</div>