| 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 transform: translate(30px); | 5 transform: translate(30px); |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 color: white; | 8 color: white; |
| 9 width: 100px; | 9 width: 100px; |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 305 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 316 }, [ | 316 }, [ |
| 317 {at: -1, is: 'scale3d(0, 0, 0)'}, | 317 {at: -1, is: 'scale3d(0, 0, 0)'}, |
| 318 {at: 0, is: 'scale3d(10, 0.5, 1)'}, | 318 {at: 0, is: 'scale3d(10, 0.5, 1)'}, |
| 319 {at: 0.25, is: 'scale3d(12.5, 0.625, 1.25)'}, | 319 {at: 0.25, is: 'scale3d(12.5, 0.625, 1.25)'}, |
| 320 {at: 0.75, is: 'scale3d(17.5, 0.875, 1.75)'}, | 320 {at: 0.75, is: 'scale3d(17.5, 0.875, 1.75)'}, |
| 321 {at: 1, is: 'scale3d(20, 1, 2)'}, | 321 {at: 1, is: 'scale3d(20, 1, 2)'}, |
| 322 {at: 2, is: 'scale3d(30, 1.5, 3)'}, | 322 {at: 2, is: 'scale3d(30, 1.5, 3)'}, |
| 323 ]); | 323 ]); |
| 324 assertInterpolation({ | 324 assertInterpolation({ |
| 325 property: 'transform', | 325 property: 'transform', |
| 326 from: 'scaleX(0)', |
| 327 to: 'scaleY(0)', |
| 328 }, [ |
| 329 {at: -1, is: 'scale(-1, 2)'}, |
| 330 {at: 0, is: 'scale(0, 1)'}, |
| 331 {at: 0.25, is: 'scale(0.25, 0.75)'}, |
| 332 {at: 0.75, is: 'scale(0.75, 0.25)'}, |
| 333 {at: 1, is: 'scale(1, 0)'}, |
| 334 {at: 2, is: 'scale(2, -1)'}, |
| 335 ]); |
| 336 assertInterpolation({ |
| 337 property: 'transform', |
| 326 from: 'none', | 338 from: 'none', |
| 327 to: 'scale3d(2, 3, 5)' | 339 to: 'scale3d(2, 3, 5)' |
| 328 }, [ | 340 }, [ |
| 329 {at: -1, is: 'scale3d(0, -1, -3)'}, | 341 {at: -1, is: 'scale3d(0, -1, -3)'}, |
| 330 {at: 0, is: 'scale3d(1, 1, 1)'}, | 342 {at: 0, is: 'scale3d(1, 1, 1)'}, |
| 331 {at: 0.25, is: 'scale3d(1.25, 1.5, 2)'}, | 343 {at: 0.25, is: 'scale3d(1.25, 1.5, 2)'}, |
| 332 {at: 0.75, is: 'scale3d(1.75, 2.5, 4)'}, | 344 {at: 0.75, is: 'scale3d(1.75, 2.5, 4)'}, |
| 333 {at: 1, is: 'scale3d(2, 3, 5)'}, | 345 {at: 1, is: 'scale3d(2, 3, 5)'}, |
| 334 {at: 2, is: 'scale3d(3, 5, 9)'}, | 346 {at: 2, is: 'scale3d(3, 5, 9)'}, |
| 335 ]); | 347 ]); |
| (...skipping 372 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 708 }, [ | 720 }, [ |
| 709 {at: -1, is: 'rotate(-360deg)'}, | 721 {at: -1, is: 'rotate(-360deg)'}, |
| 710 {at: 0, is: 'rotate(0deg)'}, | 722 {at: 0, is: 'rotate(0deg)'}, |
| 711 {at: 0.25, is: 'rotate(90deg)'}, | 723 {at: 0.25, is: 'rotate(90deg)'}, |
| 712 {at: 0.75, is: 'rotate(270deg)'}, | 724 {at: 0.75, is: 'rotate(270deg)'}, |
| 713 {at: 1, is: 'rotate(360deg)'}, | 725 {at: 1, is: 'rotate(360deg)'}, |
| 714 {at: 2, is: 'rotate(720deg)'}, | 726 {at: 2, is: 'rotate(720deg)'}, |
| 715 ]); | 727 ]); |
| 716 </script> | 728 </script> |
| 717 </body> | 729 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2519333004:
Don't use post multiplication on transforms with compatible pairs of operations (Closed)
