third_party/WebKit/LayoutTests/transforms/combine-transforms-properties-transform.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4     width: 100px;
   5     height: 100px;
   6     position: absolute;
   7     transform-origin: 50% 50%;
   8 }
   9
  10 #target {
  11     background-color: red;
  12     translate: 200px 10px;
  13     rotate: 90deg;
  14     scale: 1 2;
  15     transform: translate(10px, 20px) rotate(90deg) scale(1, 0.5);
  16 }
  17 #expected {
  18     background-color: green;
  19     transform: translate(200px, 10px) rotate(90deg) scale(1, 2) translate(10px, 20px) rotate(90deg) scale(1, 0.5);
  20 }
  21 </style>
  22
  23 <p>There should be no red color boxes</p>
  24 <div id="target"></div>
  25 <div id="expected"></div>