| 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 border-image-source: url(../resources/blue-100.png); | 5 border-image-source: url(../resources/blue-100.png); |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 width: 50px; | 8 width: 50px; |
| 9 height: 50px; | 9 height: 50px; |
| 10 background-color: black; | 10 background-color: black; |
| (...skipping 21 matching lines...) Expand all Loading... |
| 32 {at: 0.3, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.3)'}, | 32 {at: 0.3, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.3)'}, |
| 33 {at: 0.5, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.5)'}, | 33 {at: 0.5, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.5)'}, |
| 34 {at: 0.6, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.6)'}, | 34 {at: 0.6, is: '-webkit-cross-fade(' + fromComputed + ', ' + options.to + ',
0.6)'}, |
| 35 {at: 1, is: options.to}, | 35 {at: 1, is: options.to}, |
| 36 {at: 1.5, is: options.to}, | 36 {at: 1.5, is: options.to}, |
| 37 ]); | 37 ]); |
| 38 } | 38 } |
| 39 | 39 |
| 40 // neutral | 40 // neutral |
| 41 assertCrossfadeInterpolation({ | 41 assertCrossfadeInterpolation({ |
| 42 from: '', | 42 from: neutralKeyframe, |
| 43 fromComputed: 'url(../resources/stripes-100.png)', | 43 fromComputed: 'url(../resources/stripes-100.png)', |
| 44 to: 'url(../resources/green-100.png)', | 44 to: 'url(../resources/green-100.png)', |
| 45 }); | 45 }); |
| 46 | 46 |
| 47 // initial | 47 // initial |
| 48 assertNoInterpolation({ | 48 assertNoInterpolation({ |
| 49 property: 'border-image-source', | 49 property: 'border-image-source', |
| 50 from: 'initial', | 50 from: 'initial', |
| 51 to: 'url(../resources/green-100.png)', | 51 to: 'url(../resources/green-100.png)', |
| 52 }); | 52 }); |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 84 to: 'linear-gradient(45deg, blue, orange)', | 84 to: 'linear-gradient(45deg, blue, orange)', |
| 85 }); | 85 }); |
| 86 | 86 |
| 87 // Gradient to gradient | 87 // Gradient to gradient |
| 88 assertCrossfadeInterpolation({ | 88 assertCrossfadeInterpolation({ |
| 89 from: 'linear-gradient(-45deg, red, yellow)', | 89 from: 'linear-gradient(-45deg, red, yellow)', |
| 90 to: 'linear-gradient(45deg, blue, orange)', | 90 to: 'linear-gradient(45deg, blue, orange)', |
| 91 }); | 91 }); |
| 92 </script> | 92 </script> |
| 93 </body> | 93 </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