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