src/third_party/WebKit/LayoutTests/animations/interpolation/webkit-transform-origin-interpolation.html

   1 <!DOCTYPE html>
   2 <meta charset="UTF-8">
   3 <style>
   4 .target {
   5   display: inline-block;
   6   margin-top: 50px;
   7   margin-bottom: 25px;
   8   width: 50px;
   9   height: 50px;
  10   background: red;
  11   transform: scale(1.5);
  12 }
  13 .replica {
  14   background: green;
  15   position: relative;
  16   left: -50px;
  17 }
  18 </style>
  19 <body>
  20 <script src="resources/interpolation-test.js"></script>
  21 <script>
  22 assertInterpolation({
  23   property: '-webkit-transform-origin',
  24   from: '0% 50% 5px',
  25   to: '100% 150% 0px'
  26 }, [
  27   {at: -0.3, is: '-30% 20% 6.5px'},
  28   {at: 0, is: '0% 50% 5px'},
  29   {at: 0.3, is: '30% 80% 3.5px'},
  30   {at: 0.6, is: '60% 110% 2px'},
  31   {at: 1, is: '100% 150% 0px'},
  32   {at: 1.5, is: '150% 200% -2.5px'}
  33 ]);
  34 </script>
  35 </body>