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="../testharness/testharness.js"></script>
21<script src="../testharness/testharnessreport.js"></script>
22<script src="resources/interpolation-test.js"></script>
23<script>
24assertInterpolation({
25  property: 'transform-origin',
26  prefixedProperty: ['-webkit-transform-origin'],
27  from: '0% 50% 5px',
28  to: '100% 150% 0px'
29}, [
30  {at: -0.3, is: '-30% 20% 6.5px'},
31  {at: 0, is: '0% 50% 5px'},
32  {at: 0.3, is: '30% 80% 3.5px'},
33  {at: 0.6, is: '60% 110% 2px'},
34  {at: 1, is: '100% 150% 0px'},
35  {at: 1.5, is: '150% 200% -2.5px'}
36]);
37</script>
38</body>
39