OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .target { | 4 .target { |
5 color: white; | 5 color: white; |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 background-color: black; | 8 background-color: black; |
9 display: inline-block; | 9 display: inline-block; |
10 overflow: hidden; | 10 overflow: hidden; |
(...skipping 117 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
128 {at: 0.75, is: 'rotate3d(7, 8, 9, 220deg)'}, | 128 {at: 0.75, is: 'rotate3d(7, 8, 9, 220deg)'}, |
129 {at: 1, is: 'rotate3d(7, 8, 9, 260deg)'}, | 129 {at: 1, is: 'rotate3d(7, 8, 9, 260deg)'}, |
130 {at: 2, is: 'rotate3d(7, 8, 9, 420deg)'}, | 130 {at: 2, is: 'rotate3d(7, 8, 9, 420deg)'}, |
131 ]); | 131 ]); |
132 assertInterpolation({ | 132 assertInterpolation({ |
133 property: '-webkit-transform', | 133 property: '-webkit-transform', |
134 from: 'none', | 134 from: 'none', |
135 to: 'rotate(90deg)' | 135 to: 'rotate(90deg)' |
136 }, [ | 136 }, [ |
137 {at: -1, is: 'rotate(-90deg)'}, | 137 {at: -1, is: 'rotate(-90deg)'}, |
138 {at: 0, is: 'none'}, | 138 {at: 0, is: 'rotate(0deg)'}, |
139 {at: 0.25, is: 'rotate(22.5deg)'}, | 139 {at: 0.25, is: 'rotate(22.5deg)'}, |
140 {at: 0.75, is: 'rotate(67.5deg)'}, | 140 {at: 0.75, is: 'rotate(67.5deg)'}, |
141 {at: 1, is: 'rotate(90deg)'}, | 141 {at: 1, is: 'rotate(90deg)'}, |
142 {at: 2, is: 'rotate(180deg)'}, | 142 {at: 2, is: 'rotate(180deg)'}, |
143 ]); | 143 ]); |
144 assertInterpolation({ | 144 assertInterpolation({ |
145 property: '-webkit-transform', | 145 property: '-webkit-transform', |
146 from: 'rotate(90deg)', | 146 from: 'rotate(90deg)', |
147 to: 'none' | 147 to: 'none' |
148 }, [ | 148 }, [ |
149 {at: -1, is: 'rotate(180deg)'}, | 149 {at: -1, is: 'rotate(180deg)'}, |
150 {at: 0, is: 'rotate(90deg)'}, | 150 {at: 0, is: 'rotate(90deg)'}, |
151 {at: 0.25, is: 'rotate(67.5deg)'}, | 151 {at: 0.25, is: 'rotate(67.5deg)'}, |
152 {at: 0.75, is: 'rotate(22.5deg)'}, | 152 {at: 0.75, is: 'rotate(22.5deg)'}, |
153 {at: 1, is: 'none'}, | 153 {at: 1, is: 'rotate(0deg)'}, |
154 {at: 2, is: 'rotate(-90deg)'}, | 154 {at: 2, is: 'rotate(-90deg)'}, |
155 ]); | 155 ]); |
156 assertInterpolation({ | 156 assertInterpolation({ |
157 property: '-webkit-transform', | 157 property: '-webkit-transform', |
158 from: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)', | 158 from: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)', |
159 to: 'rotateX(700deg) rotateY(800deg) rotateZ(900deg)' | 159 to: 'rotateX(700deg) rotateY(800deg) rotateZ(900deg)' |
160 }, [ | 160 }, [ |
161 {at: -1, is: 'rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)'}, | 161 {at: -1, is: 'rotateX(-700deg) rotateY(-800deg) rotateZ(-900deg)'}, |
162 {at: 0, is: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)'}, | 162 {at: 0, is: 'rotateX(0deg) rotateY(0deg) rotateZ(0deg)'}, |
163 {at: 0.25, is: 'rotateX(175deg) rotateY(200deg) rotateZ(225deg)'}, | 163 {at: 0.25, is: 'rotateX(175deg) rotateY(200deg) rotateZ(225deg)'}, |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
226 {at: 0.75, is: 'scale3d(17.5, 0.875, 1.75)'}, | 226 {at: 0.75, is: 'scale3d(17.5, 0.875, 1.75)'}, |
227 {at: 1, is: 'scale3d(20, 1, 2)'}, | 227 {at: 1, is: 'scale3d(20, 1, 2)'}, |
228 {at: 2, is: 'scale3d(30, 1.5, 3)'}, | 228 {at: 2, is: 'scale3d(30, 1.5, 3)'}, |
229 ]); | 229 ]); |
230 assertInterpolation({ | 230 assertInterpolation({ |
231 property: '-webkit-transform', | 231 property: '-webkit-transform', |
232 from: 'none', | 232 from: 'none', |
233 to: 'scale3d(2, 3, 5)' | 233 to: 'scale3d(2, 3, 5)' |
234 }, [ | 234 }, [ |
235 {at: -1, is: 'scale3d(0, -1, -3)'}, | 235 {at: -1, is: 'scale3d(0, -1, -3)'}, |
236 {at: 0, is: 'none'}, | 236 {at: 0, is: 'scale3d(1, 1, 1)'}, |
237 {at: 0.25, is: 'scale3d(1.25, 1.5, 2)'}, | 237 {at: 0.25, is: 'scale3d(1.25, 1.5, 2)'}, |
238 {at: 0.75, is: 'scale3d(1.75, 2.5, 4)'}, | 238 {at: 0.75, is: 'scale3d(1.75, 2.5, 4)'}, |
239 {at: 1, is: 'scale3d(2, 3, 5)'}, | 239 {at: 1, is: 'scale3d(2, 3, 5)'}, |
240 {at: 2, is: 'scale3d(3, 5, 9)'}, | 240 {at: 2, is: 'scale3d(3, 5, 9)'}, |
241 ]); | 241 ]); |
242 assertInterpolation({ | 242 assertInterpolation({ |
243 property: '-webkit-transform', | 243 property: '-webkit-transform', |
244 from: 'scale3d(2, 3, 5)', | 244 from: 'scale3d(2, 3, 5)', |
245 to: 'none' | 245 to: 'none' |
246 }, [ | 246 }, [ |
247 {at: -1, is: 'scale3d(3, 5, 9)'}, | 247 {at: -1, is: 'scale3d(3, 5, 9)'}, |
248 {at: 0, is: 'scale3d(2, 3, 5)'}, | 248 {at: 0, is: 'scale3d(2, 3, 5)'}, |
249 {at: 0.25, is: 'scale3d(1.75, 2.5, 4)'}, | 249 {at: 0.25, is: 'scale3d(1.75, 2.5, 4)'}, |
250 {at: 0.75, is: 'scale3d(1.25, 1.5, 2)'}, | 250 {at: 0.75, is: 'scale3d(1.25, 1.5, 2)'}, |
251 {at: 1, is: 'none'}, | 251 {at: 1, is: 'scale3d(1, 1, 1)'}, |
252 {at: 2, is: 'scale3d(0, -1, -3)'}, | 252 {at: 2, is: 'scale3d(0, -1, -3)'}, |
253 ]); | 253 ]); |
254 assertInterpolation({ | 254 assertInterpolation({ |
255 property: '-webkit-transform', | 255 property: '-webkit-transform', |
256 from: 'scaleX(10) scaleY(0.5) scaleZ(1)', | 256 from: 'scaleX(10) scaleY(0.5) scaleZ(1)', |
257 to: 'scaleX(20) scaleY(1) scaleZ(2)' | 257 to: 'scaleX(20) scaleY(1) scaleZ(2)' |
258 }, [ | 258 }, [ |
259 {at: -1, is: 'scaleX(0) scaleY(0) scaleZ(0)'}, | 259 {at: -1, is: 'scaleX(0) scaleY(0) scaleZ(0)'}, |
260 {at: 0, is: 'scaleX(10) scaleY(0.5) scaleZ(1)'}, | 260 {at: 0, is: 'scaleX(10) scaleY(0.5) scaleZ(1)'}, |
261 {at: 0.25, is: 'scaleX(12.5) scaleY(0.625) scaleZ(1.25)'}, | 261 {at: 0.25, is: 'scaleX(12.5) scaleY(0.625) scaleZ(1.25)'}, |
(...skipping 246 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
508 {at: 0.75, is: 'matrix(37.81039134763866, 30.97972596106563, -58.6460998010611
8, 29.322678715217965, 33.25, 32.25)'}, | 508 {at: 0.75, is: 'matrix(37.81039134763866, 30.97972596106563, -58.6460998010611
8, 29.322678715217965, 33.25, 32.25)'}, |
509 {at: 1, is: 'matrix(36, 31.17691453623979, -76.2102355330306, 22, 34, 32)'}, | 509 {at: 1, is: 'matrix(36, 31.17691453623979, -76.2102355330306, 22, 34, 32)'}, |
510 {at: 2, is: 'matrix(28.9236870855142, 31.34124716880554, -160.89841710117557,
-36.69885507392111, 37, 31)'}, | 510 {at: 2, is: 'matrix(28.9236870855142, 31.34124716880554, -160.89841710117557,
-36.69885507392111, 37, 31)'}, |
511 ]); | 511 ]); |
512 assertInterpolation({ | 512 assertInterpolation({ |
513 property: '-webkit-transform', | 513 property: '-webkit-transform', |
514 from: 'none', | 514 from: 'none', |
515 to: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.3658
83939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)' | 515 to: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.3658
83939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)' |
516 }, [ | 516 }, [ |
517 {at: -1, is: 'matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.08060
46117362795, 0, 0, 0, 0, 1)'}, | 517 {at: -1, is: 'matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.08060
46117362795, 0, 0, 0, 0, 1)'}, |
518 {at: 0, is: 'none'}, | 518 {at: 0, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'}, |
519 {at: 0.25, is: 'matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5
, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)'}, | 519 {at: 0.25, is: 'matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5
, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)'}, |
520 {at: 0.75, is: 'matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5
, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)'}, | 520 {at: 0.75, is: 'matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5
, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)'}, |
521 {at: 1, is: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0
, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)'}, | 521 {at: 1, is: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0
, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)'}, |
522 {at: 2, is: 'matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0,
0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)'}, | 522 {at: 2, is: 'matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0,
0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)'}, |
523 ]); | 523 ]); |
524 assertInterpolation({ | 524 assertInterpolation({ |
525 property: '-webkit-transform', | 525 property: '-webkit-transform', |
526 from: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.36
5883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)', | 526 from: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0, 3.36
5883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)', |
527 to: 'none' | 527 to: 'none' |
528 }, [ | 528 }, [ |
529 {at: -1, is: 'matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0,
0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)'}, | 529 {at: -1, is: 'matrix3d(-1.2484405096414273, 0, -2.727892280477045, 0, 0, 5, 0,
0, 6.365081987779772, 0, -2.9130278558299967, 0, 0, 0, 0, 1)'}, |
530 {at: 0, is: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0
, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)'}, | 530 {at: 0, is: 'matrix3d(1.0806046117362795, 0, -1.682941969615793, 0, 0, 3, 0, 0
, 3.365883939231586, 0, 2.161209223472559, 0, 0, 0, 0, 1)'}, |
531 {at: 0.25, is: 'matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5
, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)'}, | 531 {at: 0.25, is: 'matrix3d(1.2804555205291865, 0, -1.1928678300408346, 0, 0, 2.5
, 0, 0, 2.215325970075836, 0, 2.377988823839918, 0, 0, 0, 0, 1)'}, |
532 {at: 0.75, is: 'matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5
, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)'}, | 532 {at: 0.75, is: 'matrix3d(1.211140527138306, 0, -0.30925494906815365, 0, 0, 1.5
, 0, 0, 0.43295692869541513, 0, 1.6955967379936283, 0, 0, 0, 0, 1)'}, |
533 {at: 1, is: 'none'}, | 533 {at: 1, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'}, |
534 {at: 2, is: 'matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.080604
6117362795, 0, 0, 0, 0, 1)'}, | 534 {at: 2, is: 'matrix3d(0, 0, 0, 0, 0, -1, 0, 0, 1.682941969615793, 0, -1.080604
6117362795, 0, 0, 0, 0, 1)'}, |
535 ]); | 535 ]); |
536 assertInterpolation({ | 536 assertInterpolation({ |
537 property: '-webkit-transform', | 537 property: '-webkit-transform', |
538 from: 'matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0,
0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)', | 538 from: 'matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0, 0.0,
0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)', |
539 to: 'matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0
.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)' | 539 to: 'matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0, 0.0, 0
.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)' |
540 }, [ | 540 }, [ |
541 {at: -1, is: 'matrix3d(1.9877532948000005, 0.0, 0.0, 0.0, 0.0, 2.7492749567000
003, 0.0, 0.0, 0.0, 0.0, 2.5165290423999997, 0.0, 20.2343946258, 21.1087405532,
21.371164870599998, 1.0)'}, | 541 {at: -1, is: 'matrix3d(1.9877532948000005, 0.0, 0.0, 0.0, 0.0, 2.7492749567000
003, 0.0, 0.0, 0.0, 0.0, 2.5165290423999997, 0.0, 20.2343946258, 21.1087405532,
21.371164870599998, 1.0)'}, |
542 {at: 0, is: 'matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0
, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)
'}, | 542 {at: 0, is: 'matrix3d(2.3505561943, 0.0, 0.0, 0.0, 0.0, 2.6068943664, 0.0, 0.0
, 0.0, 0.0, 2.6591082592, 0.0, 20.3339914256, 20.6709033765, 20.9147808456, 1.0)
'}, |
543 {at: 0.25, is: 'matrix3d(2.441256919175, 0.0, 0.0, 0.0, 0.0, 2.571299218825, 0
.0, 0.0, 0.0, 0.0, 2.6947530634, 0.0, 20.35889062555, 20.561444082325, 20.800684
839349998, 1.0)'}, | 543 {at: 0.25, is: 'matrix3d(2.441256919175, 0.0, 0.0, 0.0, 0.0, 2.571299218825, 0
.0, 0.0, 0.0, 0.0, 2.6947530634, 0.0, 20.35889062555, 20.561444082325, 20.800684
839349998, 1.0)'}, |
544 {at: 0.75, is: 'matrix3d(2.622658368925, 0.0, 0.0, 0.0, 0.0, 2.500108923675, 0
.0, 0.0, 0.0, 0.0, 2.7660426718, 0.0, 20.408689025450002, 20.342525493975, 20.57
2492826850002, 1.0)'}, | 544 {at: 0.75, is: 'matrix3d(2.622658368925, 0.0, 0.0, 0.0, 0.0, 2.500108923675, 0
.0, 0.0, 0.0, 0.0, 2.7660426718, 0.0, 20.408689025450002, 20.342525493975, 20.57
2492826850002, 1.0)'}, |
545 {at: 1, is: 'matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0
, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)'
}, | 545 {at: 1, is: 'matrix3d(2.7133590938, 0.0, 0.0, 0.0, 0.0, 2.4645137761, 0.0, 0.0
, 0.0, 0.0, 2.801687476, 0.0, 20.4335882254, 20.2330661998, 20.4583968206, 1.0)'
}, |
546 {at: 2, is: 'matrix3d(3.0761619932999995, 0.0, 0.0, 0.0, 0.0, 2.3221331858, 0.
0, 0.0, 0.0, 0.0, 2.9442666928000003, 0.0, 20.5331850252, 19.7952290231, 20.0020
12795600002, 1.0)'}, | 546 {at: 2, is: 'matrix3d(3.0761619932999995, 0.0, 0.0, 0.0, 0.0, 2.3221331858, 0.
0, 0.0, 0.0, 0.0, 2.9442666928000003, 0.0, 20.5331850252, 19.7952290231, 20.0020
12795600002, 1.0)'}, |
547 ]); | 547 ]); |
548 assertInterpolation({ | 548 assertInterpolation({ |
549 property: '-webkit-transform', | 549 property: '-webkit-transform', |
550 from: 'none', | 550 from: 'none', |
551 to: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333
333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)
' | 551 to: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.8333333333
333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125, 1)
' |
552 }, [ | 552 }, [ |
553 {at: -1, is: 'matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147
, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309
, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.20900041941533
36, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.3407689
14473683)'}, | 553 {at: -1, is: 'matrix3d(-0.0000000000000002377810622383943, -1.0671050586638147
, -0.08972656766237302, 1.3740432449326199, 0.98484601036295, -2.653201092395309
, 0.6753819540610847, 3.6127240080250744, -2.7988839807429846, -1.20900041941533
36, -0.5183744226115445, -0.7936088631686278, 1.1875, 0.0625, -1.3125, 5.3407689
14473683)'}, |
554 {at: 0, is: 'none'}, | 554 {at: 0, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'}, |
555 {at: 0.25, is: 'matrix3d(0.9041890962319094, 0.3522701519297133, -0.1524020429
8176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.051333
36076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.82
26186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142
680923)'}, | 555 {at: 0.25, is: 'matrix3d(0.9041890962319094, 0.3522701519297133, -0.1524020429
8176957, -0.1428256720529315, -0.7579798772527586, 0.6803606288839232, -0.051333
36076757235, 0.37904689530895724, -0.1957679784745485, 0.38554138029509327, 0.82
26186974340638, 0.3370288143441876, -0.296875, -0.015625, 0.328125, 0.5930529142
680923)'}, |
556 {at: 0.75, is: 'matrix3d(0.35007413226026135, 0.7254385504141292, -0.497700915
0941454, 0.09582061929004702, -1.1027525038949482, -0.5884810398827429, 0.451682
9688651701, 0.5447944343861767, -0.68717798815684, 0.2657772247405681, 0.5465690
479810023, 1.0836207863885503, -0.890625, -0.046875, 0.984375, 0.593052914268092
7)'}, | 556 {at: 0.75, is: 'matrix3d(0.35007413226026135, 0.7254385504141292, -0.497700915
0941454, 0.09582061929004702, -1.1027525038949482, -0.5884810398827429, 0.451682
9688651701, 0.5447944343861767, -0.68717798815684, 0.2657772247405681, 0.5465690
479810023, 1.0836207863885503, -0.890625, -0.046875, 0.984375, 0.593052914268092
7)'}, |
557 {at: 1, is: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83
33333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.
3125, 1)'}, | 557 {at: 1, is: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83
33333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.
3125, 1)'}, |
558 {at: 2, is: 'matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659
922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.924444350
7516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.4967660
9633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)'}, | 558 {at: 2, is: 'matrix3d(-0.5844534449366048, -0.42278005999296053, -0.4650580659
922564, -0.6817595809063256, 0.9156938760088464, 0.3851647027225889, 0.924444350
7516923, 0.7218225020358241, -0.0803568793574344, 0.1719974850210706, -0.4967660
9633513097, -0.25968177786904373, -2.375, -0.125, 2.625, 5.340768914473685)'}, |
559 ]); | 559 ]); |
560 assertInterpolation({ | 560 assertInterpolation({ |
561 property: '-webkit-transform', | 561 property: '-webkit-transform', |
562 from: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83333333
33333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125,
1)', | 562 from: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83333333
33333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.3125,
1)', |
563 to: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.6666666666666
9, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.3
4375, 1, -0.9375, 1)' | 563 to: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.6666666666666
9, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1.3
4375, 1, -0.9375, 1)' |
564 }, [ | 564 }, [ |
565 {at: -1, is: 'matrix3d(-0.6299594065765657, -0.10825090106268696, -0.201333116
71001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.576005114
3537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.1149534
2545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)'}, | 565 {at: -1, is: 'matrix3d(-0.6299594065765657, -0.10825090106268696, -0.201333116
71001855, 5.485724217214554, 6.358051978686152, 0.16496896269344588, 1.576005114
3537075, -54.21568355620423, 0.7106057459805782, -1.1596356050622005, -0.1149534
2545397585, -4.913752963990824, -1.03125, -1.125, 3.5625, -5.901513951904114)'}, |
566 {at: 0, is: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83
33333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.
3125, 1)'}, | 566 {at: 0, is: 'matrix3d(0, 0.6875, -0.625, 0.3125, -0.6666666666666665, -1, 0.83
33333333333334, 0.125, -0.6666666666666665, 0, 0.5, 1.0625, -1.1875, -0.0625, 1.
3125, 1)'}, |
567 {at: 0.25, is: 'matrix3d(0.33652832679595723, 0.55254445148386, -0.75447244478
33296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188
169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.456
4821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011
)'}, | 567 {at: 0.25, is: 'matrix3d(0.33652832679595723, 0.55254445148386, -0.75447244478
33296, 0.22700224951774267, -0.69720168363685, -0.036373245768780864, 0.28149188
169180933, -0.2845156818045006, -0.24737156018941048, 0.31207160370190334, 0.456
4821058052897, 0.9220853089096839, -1.2265625, 0.203125, 0.75, 1.647016932991011
)'}, |
568 {at: 0.75, is: 'matrix3d(0.6861191524977764, -0.18025672746204927, -0.87102972
37546482, 0.6072134247444672, 0.2819931018922366, 0.27778974607679663, -0.654012
8246146626, 0.5063632314069845, 0.5509562084361049, -0.3215202993119732, 0.54590
62603735321, 2.8697154005492105, -1.3046875, 0.734375, -0.375, 1.647016932991009
6)'}, | 568 {at: 0.75, is: 'matrix3d(0.6861191524977764, -0.18025672746204927, -0.87102972
37546482, 0.6072134247444672, 0.2819931018922366, 0.27778974607679663, -0.654012
8246146626, 0.5063632314069845, 0.5509562084361049, -0.3215202993119732, 0.54590
62603735321, 2.8697154005492105, -1.3046875, 0.734375, -0.375, 1.647016932991009
6)'}, |
569 {at: 1, is: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666
666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.343
75, -1.34375, 1, -0.9375, 1)'}, | 569 {at: 1, is: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666
666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.343
75, -1.34375, 1, -0.9375, 1)'}, |
570 {at: 2, is: 'matrix3d(-1.1789992641434441, -0.7109729379601547, -0.44557465379
54199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695
380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.4266
15889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)'}, | 570 {at: 2, is: 'matrix3d(-1.1789992641434441, -0.7109729379601547, -0.44557465379
54199, -21.703089533128907, -0.11137581475421703, -0.08822983871000473, -0.05695
380894007451, -2.22667264132605, -3.1443917136741506, 1.8952588096345078, 2.4266
15889772007, -21.697523130750138, -1.5, 2.0625, -3.1875, -5.901513951904121)'}, |
571 ]); | 571 ]); |
572 assertInterpolation({ | 572 assertInterpolation({ |
573 property: '-webkit-transform', | 573 property: '-webkit-transform', |
574 from: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666
669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1
.34375, 1, -0.9375, 1)', | 574 from: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666666666
669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.34375, -1
.34375, 1, -0.9375, 1)', |
575 to: 'none' | 575 to: 'none' |
576 }, [ | 576 }, [ |
577 {at: -1, is: 'matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966
791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862
655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.51947913
63698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)'}, | 577 {at: -1, is: 'matrix3d(-0.6413028394192518, -1.0702420910513302, -0.5807595966
791961, -18.02447171345163, 0.8211815704840004, 1.0980679097347057, 0.9399408862
655454, 22.460730852026064, 0.28421009261178104, -0.5408346238741739, 0.51947913
63698213, 3.075163035391172, -2.6875, 2, -1.875, -14.881239394516232)'}, |
578 {at: 0, is: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666
666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.343
75, -1.34375, 1, -0.9375, 1)'}, | 578 {at: 0, is: 'matrix3d(0.571428571428571, -0.625, -0.8333333333333346, -0.66666
666666669, 0.5, -0.1875, -0.8125, 0.3125, 0.34375, -1, 0.8333333333333327, 1.343
75, -1.34375, 1, -0.9375, 1)'}, |
579 {at: 0.25, is: 'matrix3d(0.7912976716694541, -0.4517927901159618, -0.686874597
4719376, 1.2522201536338506, 0.7952183069582651, 0.06340410955800829, -0.7956629
784232128, 2.2561737435012983, 0.345639443327071, -0.8934490945546473, 0.8301314
43385676, 1.2606901484983566, -1.0078125, 0.75, -0.703125, 2.4888661932358946)'}
, | 579 {at: 0.25, is: 'matrix3d(0.7912976716694541, -0.4517927901159618, -0.686874597
4719376, 1.2522201536338506, 0.7952183069582651, 0.06340410955800829, -0.7956629
784232128, 2.2561737435012983, 0.345639443327071, -0.8934490945546473, 0.8301314
43385676, 1.2606901484983566, -1.0078125, 0.75, -0.703125, 2.4888661932358946)'}
, |
580 {at: 0.75, is: 'matrix3d(1.0093457700315165, -0.12746048375025829, -0.24746788
943106088, 1.3202120308857304, 0.6128364656690982, 0.7600694601651116, -0.222333
59857303325, 1.4081483224940277, 0.21669805381113447, -0.3786082265932788, 0.908
354523914928, 0.6747509193960347, -0.3359375, 0.25, -0.234375, 2.488866193235896
4)'}, | 580 {at: 0.75, is: 'matrix3d(1.0093457700315165, -0.12746048375025829, -0.24746788
943106088, 1.3202120308857304, 0.6128364656690982, 0.7600694601651116, -0.222333
59857303325, 1.4081483224940277, 0.21669805381113447, -0.3786082265932788, 0.908
354523914928, 0.6747509193960347, -0.3359375, 0.25, -0.234375, 2.488866193235896
4)'}, |
581 {at: 1, is: 'none'}, | 581 {at: 1, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)'}, |
582 {at: 2, is: 'matrix3d(0.39048513570444376, 0.14780794797065988, 0.696306810021
7401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.54723760168
72444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310
586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)'}, | 582 {at: 2, is: 'matrix3d(0.39048513570444376, 0.14780794797065988, 0.696306810021
7401, -4.857907861239344, -2.967682789284791, 0.6004978769584385, -3.54723760168
72444, 26.675324787979896, -2.5953724498995308, 1.6280843851961373, 0.8163834310
586356, 9.001735256585825, 1.34375, -1, 0.9375, -14.881239394516227)'}, |
583 ]); | 583 ]); |
584 | 584 |
585 // Mismatched interpolation with an empty list should not use decomposition. | 585 // Mismatched interpolation with an empty list should not use decomposition. |
586 assertInterpolation({ | 586 assertInterpolation({ |
587 property: '-webkit-transform', | 587 property: '-webkit-transform', |
588 from: 'none', | 588 from: 'none', |
589 to: 'rotate(180deg)' | 589 to: 'rotate(180deg)' |
590 }, [ | 590 }, [ |
591 {at: -1, is: 'rotate(-180deg)'}, | 591 {at: -1, is: 'rotate(-180deg)'}, |
(...skipping 22 matching lines...) Expand all Loading... |
614 }, [ | 614 }, [ |
615 {at: -1, is: 'rotate(-360deg)'}, | 615 {at: -1, is: 'rotate(-360deg)'}, |
616 {at: 0, is: 'rotate(0deg)'}, | 616 {at: 0, is: 'rotate(0deg)'}, |
617 {at: 0.25, is: 'rotate(90deg)'}, | 617 {at: 0.25, is: 'rotate(90deg)'}, |
618 {at: 0.75, is: 'rotate(270deg)'}, | 618 {at: 0.75, is: 'rotate(270deg)'}, |
619 {at: 1, is: 'rotate(360deg)'}, | 619 {at: 1, is: 'rotate(360deg)'}, |
620 {at: 2, is: 'rotate(720deg)'}, | 620 {at: 2, is: 'rotate(720deg)'}, |
621 ]); | 621 ]); |
622 </script> | 622 </script> |
623 </body> | 623 </body> |
OLD | NEW |