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   -webkit-transform: scale(1.5);
  12   transform: scale(1.5);
  13 }
  14 .replica {
  15   background: green;
  16   position: relative;
  17   left: -50px;
  18 }
  19 </style>
  20 <body>
  21 <script src="resources/interpolation-test.js"></script>
  22 <script>
  23 assertInterpolation({
  24   property: '-webkit-transform-origin',
  25   from: '0% 50% 5px',
  26   to: '100% 150% 0px'
  27 }, [
  28   {at: -0.3, is: '-30% 20% 6.5px'},
  29   {at: 0, is: '0% 50% 5px'},
  30   {at: 0.3, is: '30% 80% 3.5px'},
  31   {at: 0.6, is: '60% 110% 2px'},
  32   {at: 1, is: '100% 150% 0px'},
  33   {at: 1.5, is: '150% 200% -2.5px'}
  34 ]);
  35 </script>
  36 </body>