OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .parent { | 4 .parent { |
5 transform: translate(30px); | 5 transform: translate(30px); |
6 } | 6 } |
7 .target { | 7 .target { |
8 color: white; | 8 color: white; |
9 width: 100px; | 9 width: 100px; |
10 height: 100px; | 10 height: 100px; |
(...skipping 20 matching lines...) Expand all Loading... |
31 } | 31 } |
32 </style> | 32 </style> |
33 <body> | 33 <body> |
34 <template id="target-template"> | 34 <template id="target-template"> |
35 <div></div> | 35 <div></div> |
36 </template> | 36 </template> |
37 <script src="resources/interpolation-test.js"></script> | 37 <script src="resources/interpolation-test.js"></script> |
38 <script> | 38 <script> |
39 assertInterpolation({ | 39 assertInterpolation({ |
40 property: 'transform', | 40 property: 'transform', |
41 from: '', | 41 from: neutralKeyframe, |
42 to: 'translate(20px)', | 42 to: 'translate(20px)', |
43 }, [ | 43 }, [ |
44 {at: -1, is: 'translate(0px)'}, | 44 {at: -1, is: 'translate(0px)'}, |
45 {at: 0, is: 'translate(10px)'}, | 45 {at: 0, is: 'translate(10px)'}, |
46 {at: 0.25, is: 'translate(12.5px)'}, | 46 {at: 0.25, is: 'translate(12.5px)'}, |
47 {at: 0.75, is: 'translate(17.5px)'}, | 47 {at: 0.75, is: 'translate(17.5px)'}, |
48 {at: 1, is: 'translate(20px)'}, | 48 {at: 1, is: 'translate(20px)'}, |
49 {at: 2, is: 'translate(30px)'}, | 49 {at: 2, is: 'translate(30px)'}, |
50 ]); | 50 ]); |
51 | 51 |
(...skipping 656 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
708 }, [ | 708 }, [ |
709 {at: -1, is: 'rotate(-360deg)'}, | 709 {at: -1, is: 'rotate(-360deg)'}, |
710 {at: 0, is: 'rotate(0deg)'}, | 710 {at: 0, is: 'rotate(0deg)'}, |
711 {at: 0.25, is: 'rotate(90deg)'}, | 711 {at: 0.25, is: 'rotate(90deg)'}, |
712 {at: 0.75, is: 'rotate(270deg)'}, | 712 {at: 0.75, is: 'rotate(270deg)'}, |
713 {at: 1, is: 'rotate(360deg)'}, | 713 {at: 1, is: 'rotate(360deg)'}, |
714 {at: 2, is: 'rotate(720deg)'}, | 714 {at: 2, is: 'rotate(720deg)'}, |
715 ]); | 715 ]); |
716 </script> | 716 </script> |
717 </body> | 717 </body> |
OLD | NEW |