Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(124)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/interpolation/transform-interpolation.html

Issue 2667923002: Animations: Fix blend to identity for transform: translate Z (Closed)
Patch Set: Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/Source/platform/transforms/TranslateTransformOperation.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 571 matching lines...) Expand 10 before | Expand all | Expand 10 after
582 from: 'translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)', 582 from: 'translate3d(8px, -4px, 12px) skewX(1rad) perspective(400px)',
583 to: 'translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)' 583 to: 'translate3d(4px, -12px, 8px) skewX(2rad) scaleY(2)'
584 }, [ 584 }, [
585 {at: -1, is: 'matrix3d(1, 0, 0, 0, 0, 0, 0, 0, -0.03876288659793814, 0.0193814 4329896907, 0.94, -0.004845360824742268, 12, 4, 16, 0.9793814432989688)'}, 585 {at: -1, is: 'matrix3d(1, 0, 0, 0, 0, 0, 0, 0, -0.03876288659793814, 0.0193814 4329896907, 0.94, -0.004845360824742268, 12, 4, 16, 0.9793814432989688)'},
586 {at: 0, is: 'matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0. 97, -0.0025, 8, -4, 12, 1)'}, 586 {at: 0, is: 'matrix3d(1, 0, 0, 0, 1.5574077246549023, 1, 0, 0, -0.02, 0.01, 0. 97, -0.0025, 8, -4, 12, 1)'},
587 {at: 0.25, is: 'matrix3d(1, 0, 0, 0, 0.7772447845947462, 1.25, 0, 0, -0.015115 9793814433, 0.00755798969072165, 0.9775, -0.0018894974226804128, 7, -6, 11, 1.00 19329896907216)'}, 587 {at: 0.25, is: 'matrix3d(1, 0, 0, 0, 0.7772447845947462, 1.25, 0, 0, -0.015115 9793814433, 0.00755798969072165, 0.9775, -0.0018894974226804128, 7, -6, 11, 1.00 19329896907216)'},
588 {at: 0.75, is: 'matrix3d(1, 0, 0, 0, -2.1864989409942237, 1.75, 0, 0, -0.00511 5979381443298, 0.002557989690721649, 0.9924999999999999, -0.0006394974226804124, 5, -10, 9, 1.0019329896907216)'}, 588 {at: 0.75, is: 'matrix3d(1, 0, 0, 0, -2.1864989409942237, 1.75, 0, 0, -0.00511 5979381443298, 0.002557989690721649, 0.9924999999999999, -0.0006394974226804124, 5, -10, 9, 1.0019329896907216)'},
589 {at: 1, is: 'matrix3d(1, 0, 0, 0, -4.370079726523038, 2, 0, 0, 0, 0, 1, 0, 4, -12, 8, 1)'}, 589 {at: 1, is: 'matrix3d(1, 0, 0, 0, -4.370079726523038, 2, 0, 0, 0, 0, 1, 0, 4, -12, 8, 1)'},
590 {at: 2, is: 'matrix3d(1, 0, 0, 0, -17.782462353533823, 3, 0, 0, 0.021237113402 061854, -0.010618556701030927, 1.03, 0.0026546391752577322, 0, -20, 4, 0.9793814 432989691)'}, 590 {at: 2, is: 'matrix3d(1, 0, 0, 0, -17.782462353533823, 3, 0, 0, 0.021237113402 061854, -0.010618556701030927, 1.03, 0.0026546391752577322, 0, -20, 4, 0.9793814 432989691)'},
591 ]); 591 ]);
592 assertInterpolation({
593 property: 'transform',
594 from: 'translate3D(100px, 200px, 300px)',
595 to: 'none'
596 }, [
597 {at: -1, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 200, 400, 600, 1)'} ,
598 {at: 0, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 200, 300, 1)'},
599 {at: 0.25, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 75, 150, 225, 1)' },
600 {at: 0.75, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 25, 50, 75, 1)'},
601 {at: 1, is: 'matrix(1, 0, 0, 1, 0, 0) '},
602 {at: 2, is: 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, -200, -300, 1) '},
603 ]);
592 604
593 // Matrix 605 // Matrix
594 assertInterpolation({ 606 assertInterpolation({
595 property: 'transform', 607 property: 'transform',
596 from: 'matrix(5, 6, 10, 7, 21, 23)', 608 from: 'matrix(5, 6, 10, 7, 21, 23)',
597 to: 'matrix(8, 4, 9, 11, 24, 22)' 609 to: 'matrix(8, 4, 9, 11, 24, 22)'
598 }, [ 610 }, [
599 {at: -1, is: 'matrix(-21.971399357258385, -10.985699678629187, -50.57889827616 046, -38.946928317003575, 18, 24)'}, 611 {at: -1, is: 'matrix(-21.971399357258385, -10.985699678629187, -50.57889827616 046, -38.946928317003575, 18, 24)'},
600 {at: 0, is: 'matrix(5, 6, 10, 7, 21, 23)'}, 612 {at: 0, is: 'matrix(5, 6, 10, 7, 21, 23)'},
601 {at: 0.25, is: 'matrix(1.5045862850823934, 2.1375701058706307, 1.9887759643453 702, 1.2132035030840276, 21.75, 22.75)'}, 613 {at: 0.25, is: 'matrix(1.5045862850823934, 2.1375701058706307, 1.9887759643453 702, 1.2132035030840276, 21.75, 22.75)'},
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after
720 }, [ 732 }, [
721 {at: -1, is: 'rotate(-360deg)'}, 733 {at: -1, is: 'rotate(-360deg)'},
722 {at: 0, is: 'rotate(0deg)'}, 734 {at: 0, is: 'rotate(0deg)'},
723 {at: 0.25, is: 'rotate(90deg)'}, 735 {at: 0.25, is: 'rotate(90deg)'},
724 {at: 0.75, is: 'rotate(270deg)'}, 736 {at: 0.75, is: 'rotate(270deg)'},
725 {at: 1, is: 'rotate(360deg)'}, 737 {at: 1, is: 'rotate(360deg)'},
726 {at: 2, is: 'rotate(720deg)'}, 738 {at: 2, is: 'rotate(720deg)'},
727 ]); 739 ]);
728 </script> 740 </script>
729 </body> 741 </body>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/platform/transforms/TranslateTransformOperation.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698