| 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 shape-outside: circle(80% at 30% 10%); | 5 shape-outside: circle(80% at 30% 10%); |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 shape-outside: circle(60% at 10% 30%); | 8 shape-outside: circle(60% at 10% 30%); |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <body> | 11 <body> |
| 12 <script src="resources/interpolation-test.js"></script> | 12 <script src="resources/interpolation-test.js"></script> |
| 13 <script> | 13 <script> |
| 14 /* TODO: add inset test once blend() works for it */ | 14 /* TODO: add inset test once blend() works for it */ |
| 15 | 15 |
| 16 assertInterpolation({ | 16 assertInterpolation({ |
| 17 property: 'shape-outside', | 17 property: 'shape-outside', |
| 18 from: '', | 18 from: neutralKeyframe, |
| 19 to: 'circle(40% at 20% 20%)', | 19 to: 'circle(40% at 20% 20%)', |
| 20 }, [ | 20 }, [ |
| 21 {at: -0.3, is: 'circle(66% at 7% 33%)'}, | 21 {at: -0.3, is: 'circle(66% at 7% 33%)'}, |
| 22 {at: 0, is: 'circle(60% at 10% 30%)'}, | 22 {at: 0, is: 'circle(60% at 10% 30%)'}, |
| 23 {at: 0.3, is: 'circle(54% at 13% 27%)'}, | 23 {at: 0.3, is: 'circle(54% at 13% 27%)'}, |
| 24 {at: 0.6, is: 'circle(48% at 16% 24%)'}, | 24 {at: 0.6, is: 'circle(48% at 16% 24%)'}, |
| 25 {at: 1, is: 'circle(40% at 20% 20%)'}, | 25 {at: 1, is: 'circle(40% at 20% 20%)'}, |
| 26 {at: 1.5, is: 'circle(30% at 25% 15%)'}, | 26 {at: 1.5, is: 'circle(30% at 25% 15%)'}, |
| 27 ]); | 27 ]); |
| 28 | 28 |
| (...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 120 property: 'shape-outside', | 120 property: 'shape-outside', |
| 121 from: 'circle(25% at right 5% bottom 15px)', | 121 from: 'circle(25% at right 5% bottom 15px)', |
| 122 to: 'circle(45% at right 25% bottom 35px)', | 122 to: 'circle(45% at right 25% bottom 35px)', |
| 123 }, [ | 123 }, [ |
| 124 {at: 0.25, is: 'circle(30% at 90% calc(-20px + 100%))'}, | 124 {at: 0.25, is: 'circle(30% at 90% calc(-20px + 100%))'}, |
| 125 {at: 0.5, is: 'circle(35% at 85% calc(-25px + 100%))'}, | 125 {at: 0.5, is: 'circle(35% at 85% calc(-25px + 100%))'}, |
| 126 {at: 0.75, is: 'circle(40% at 80% calc(-30px + 100%))'}, | 126 {at: 0.75, is: 'circle(40% at 80% calc(-30px + 100%))'}, |
| 127 ]); | 127 ]); |
| 128 </script> | 128 </script> |
| 129 </body> | 129 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1881333002:
Use neutralKeyframe sentinal instead of '' for interpolation-test.js tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master