OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <meta charset="UTF-8"> | |
3 <style> | |
4 .target { | |
5 color: white; | |
6 width: 100px; | |
7 height: 100px; | |
8 background-color: black; | |
9 display: inline-block; | |
10 overflow: hidden; | |
11 } | |
12 .replica { | |
13 background-color: green; | |
14 } | |
15 .target div { | |
16 width: 10px; | |
17 height: 10px; | |
18 display: inline-block; | |
19 background: orange; | |
20 margin: 1px; | |
21 } | |
22 </style> | |
23 <body> | |
24 <template id="target-template"> | |
25 <div></div><div></div> | |
26 <div></div><div></div> | |
27 <div></div><div></div> | |
28 <div></div><div></div> | |
29 </template> | |
30 <script src="resources/interpolation-test.js"></script> | |
31 <script> | |
32 assertInterpolation({ | |
33 property: 'shape-inside', | |
34 from: 'none', | |
35 to: 'ellipse(100% 100% at 0% 0%)', | |
36 }, [ | |
37 {at: -0.3, is: 'none'}, | |
38 {at: 0, is: 'none'}, | |
39 {at: 0.3, is: 'none'}, | |
40 {at: 0.6, is: 'ellipse(100% 100% at 0% 0%)'}, | |
41 {at: 1, is: 'ellipse(100% 100% at 0% 0%)'}, | |
42 {at: 1.5, is: 'ellipse(100% 100% at 0% 0%)'} | |
43 ]); | |
44 </script> | |
45 </body> | |
OLD | NEW |