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 |