| 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 -webkit-mask-image: url(../resources/blue-20.png); | 5 -webkit-mask-image: url(../resources/blue-20.png); |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 width: 20px; | 8 width: 20px; |
| 9 height: 20px; | 9 height: 20px; |
| 10 display: inline-block; | 10 display: inline-block; |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 {at: 0.3, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.3)'}, | 31 {at: 0.3, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.3)'}, |
| 32 {at: 0.5, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.5)'}, | 32 {at: 0.5, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.5)'}, |
| 33 {at: 0.6, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.6)'}, | 33 {at: 0.6, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.6)'}, |
| 34 {at: 1, is: options.to}, | 34 {at: 1, is: options.to}, |
| 35 {at: 1.5, is: options.to}, | 35 {at: 1.5, is: options.to}, |
| 36 ]); | 36 ]); |
| 37 } | 37 } |
| 38 | 38 |
| 39 // neutral | 39 // neutral |
| 40 assertCrossfadeInterpolation({ | 40 assertCrossfadeInterpolation({ |
| 41 from: '', | 41 from: neutralKeyframe, |
| 42 fromComputed: 'url(../resources/stripes-20.png)', | 42 fromComputed: 'url(../resources/stripes-20.png)', |
| 43 to: 'url(../resources/green-20.png)', | 43 to: 'url(../resources/green-20.png)', |
| 44 }); | 44 }); |
| 45 | 45 |
| 46 // initial | 46 // initial |
| 47 assertNoInterpolation({ | 47 assertNoInterpolation({ |
| 48 property: '-webkit-mask-image', | 48 property: '-webkit-mask-image', |
| 49 from: 'initial', | 49 from: 'initial', |
| 50 to: 'url(../resources/green-20.png)', | 50 to: 'url(../resources/green-20.png)', |
| 51 }); | 51 }); |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 132 ]); | 132 ]); |
| 133 | 133 |
| 134 // Multiple mismatched types | 134 // Multiple mismatched types |
| 135 assertNoInterpolation({ | 135 assertNoInterpolation({ |
| 136 property: '-webkit-mask-image', | 136 property: '-webkit-mask-image', |
| 137 from: 'url(../resources/blue-20.png), none', | 137 from: 'url(../resources/blue-20.png), none', |
| 138 to: 'url(../resources/stripes-20.png), url(../resources/blue-20.png)', | 138 to: 'url(../resources/stripes-20.png), url(../resources/blue-20.png)', |
| 139 }); | 139 }); |
| 140 </script> | 140 </script> |
| 141 </body> | 141 </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