| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <body> |
| 3 <style> |
| 4 .parent { |
| 5 font-variation-settings: "test" 30; |
| 6 } |
| 7 .target { |
| 8 font-variation-settings: "test" 10; |
| 9 } |
| 10 </style> |
| 11 <script src="resources/interpolation-test.js"></script> |
| 12 <script> |
| 13 assertInterpolation({ |
| 14 property: 'font-variation-settings', |
| 15 from: neutralKeyframe, |
| 16 to: '"test" 20', |
| 17 }, [ |
| 18 {at: -0.5, is: "'test' 5"}, |
| 19 {at: 0, is: "'test' 10"}, |
| 20 {at: 0.3, is: "'test' 13"}, |
| 21 {at: 0.7, is: "'test' 17"}, |
| 22 {at: 1, is: "'test' 20"}, |
| 23 {at: 1.5, is: "'test' 25"}, |
| 24 ]); |
| 25 |
| 26 assertNoInterpolation({ |
| 27 property: 'font-variation-settings', |
| 28 from: 'initial', |
| 29 to: "'test' 50", |
| 30 }); |
| 31 |
| 32 assertInterpolation({ |
| 33 property: 'font-variation-settings', |
| 34 from: 'inherit', |
| 35 to: "'test' 20", |
| 36 }, [ |
| 37 {at: -0.5, is: "'test' 35"}, |
| 38 {at: 0, is: "'test' 30"}, |
| 39 {at: 0.3, is: "'test' 27"}, |
| 40 {at: 0.7, is: "'test' 23"}, |
| 41 {at: 1, is: "'test' 20"}, |
| 42 {at: 1.5, is: "'test' 15"}, |
| 43 ]); |
| 44 |
| 45 assertInterpolation({ |
| 46 property: 'font-variation-settings', |
| 47 from: 'unset', |
| 48 to: "'test' 20", |
| 49 }, [ |
| 50 {at: -0.5, is: "'test' 35"}, |
| 51 {at: 0, is: "'test' 30"}, |
| 52 {at: 0.3, is: "'test' 27"}, |
| 53 {at: 0.7, is: "'test' 23"}, |
| 54 {at: 1, is: "'test' 20"}, |
| 55 {at: 1.5, is: "'test' 15"}, |
| 56 ]); |
| 57 |
| 58 assertNoInterpolation({ |
| 59 property: 'font-variation-settings', |
| 60 from: "'test' 20", |
| 61 to: "normal", |
| 62 }); |
| 63 |
| 64 assertInterpolation({ |
| 65 property: 'font-variation-settings', |
| 66 from: "'test' 20", |
| 67 to: "'test' 30", |
| 68 }, [ |
| 69 {at: -0.5, is: "'test' 15"}, |
| 70 {at: 0, is: "'test' 20"}, |
| 71 {at: 0.3, is: "'test' 23"}, |
| 72 {at: 0.7, is: "'test' 27"}, |
| 73 {at: 1, is: "'test' 30"}, |
| 74 {at: 1.5, is: "'test' 35"}, |
| 75 ]); |
| 76 |
| 77 assertInterpolation({ |
| 78 property: 'font-variation-settings', |
| 79 from: "'aaaa' 0, 'bbbb' 10, 'cccc' 20", |
| 80 to: "'aaaa' 10, 'bbbb' 20, 'cccc' 30", |
| 81 }, [ |
| 82 {at: -0.5, is: "'aaaa' -5, 'bbbb' 5, 'cccc' 15"}, |
| 83 {at: 0, is: "'aaaa' 0, 'bbbb' 10, 'cccc' 20"}, |
| 84 {at: 0.3, is: "'aaaa' 3, 'bbbb' 13, 'cccc' 23"}, |
| 85 {at: 0.7, is: "'aaaa' 7, 'bbbb' 17, 'cccc' 27"}, |
| 86 {at: 1, is: "'aaaa' 10, 'bbbb' 20, 'cccc' 30"}, |
| 87 {at: 1.5, is: "'aaaa' 15, 'bbbb' 25, 'cccc' 35"}, |
| 88 ]); |
| 89 |
| 90 assertNoInterpolation({ |
| 91 property: 'font-variation-settings', |
| 92 from: "'aaaa' 0, 'bbbb' 10", |
| 93 to: "'aaaa' 10, 'bbbb' 20, 'cccc' 30", |
| 94 }); |
| 95 |
| 96 assertNoInterpolation({ |
| 97 property: 'font-variation-settings', |
| 98 from: "'aaaa' 10, 'bbbb' 20, 'cccc' 30", |
| 99 to: "'aaaa' 0, 'bbbb' 10", |
| 100 }); |
| 101 |
| 102 assertNoInterpolation({ |
| 103 property: 'font-variation-settings', |
| 104 from: "'aaaa' 0, 'bbbb' 10, 'cccc' 20", |
| 105 to: "'cccc' 10, 'bbbb' 20, 'aaaa' 30", |
| 106 }); |
| 107 |
| 108 assertNoInterpolation({ |
| 109 property: 'font-variation-settings', |
| 110 from: "'aaaa' 0, 'bbbb' 10, 'cccc' 20", |
| 111 to: "'dddd' 10, 'eeee' 20, 'ffff' 30", |
| 112 }); |
| 113 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2891743003:
Enable interpolation of CSS property font-variation-settings (Closed)
