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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1211353003: Fix incorrect blink behavior on rotate (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 6 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 | Source/platform/transforms/RotateTransformOperation.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 .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 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
124 }, [ 124 }, [
125 {at: -1, is: 'rotate3d(7, 8, 9, -60deg)'}, 125 {at: -1, is: 'rotate3d(7, 8, 9, -60deg)'},
126 {at: 0, is: 'rotate3d(7, 8, 9, 100deg)'}, 126 {at: 0, is: 'rotate3d(7, 8, 9, 100deg)'},
127 {at: 0.25, is: 'rotate3d(7, 8, 9, 140deg)'}, 127 {at: 0.25, is: 'rotate3d(7, 8, 9, 140deg)'},
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: 'transform', 133 property: 'transform',
134 from: 'rotate3d(7, 8, 9, 0deg)',
135 to: 'rotate3d(7, 8, 9, 450deg)'
136 }, [
137 {at: -1, is: 'rotate3d(7, 8, 9, -450deg)'},
138 {at: 0, is: 'rotate3d(7, 8, 9, 0deg)'},
139 {at: 0.25, is: 'rotate3d(7, 8, 9, 112.5deg)'},
140 {at: 0.75, is: 'rotate3d(7, 8, 9, 337.5deg)'},
141 {at: 1, is: 'rotate3d(7, 8, 9, 450deg)'},
142 {at: 2, is: 'rotate3d(7, 8, 9, 900deg)'},
143 ]);
144 assertInterpolation({
145 property: 'transform',
146 from: 'rotate3d(0, 1, 0, 0deg)',
147 to: 'rotate3d(0, 1, 0, 450deg)'
148 }, [
149 {at: -1, is: 'rotate3d(0, 1, 0, -450deg)'},
150 {at: 0, is: 'rotate3d(0, 1, 0, 0deg)'},
151 {at: 0.25, is: 'rotate3d(0, 1, 0, 112.5deg)'},
152 {at: 0.75, is: 'rotate3d(0, 1, 0, 337.5deg)'},
153 {at: 1, is: 'rotate3d(0, 1, 0, 450deg)'},
154 {at: 2, is: 'rotate3d(0, 1, 0, 900deg)'},
155 ]);
156 assertInterpolation({
157 property: 'transform',
158 from: 'rotate3d(1, 1, 0, 90deg)',
159 to: 'rotate3d(0, 1, 1, 180deg)'
160 }, [
161 {at: -1, is: 'rotate3d(0.41, -0.41, -0.82, 120deg)'},
162 {at: 0, is: 'rotate3d(1, 1, 0, 90deg)'},
163 {at: 0.25, is: 'rotate3d(0.8, 0.27, -0.53, 82.76deg)'},
164 {at: 0.75, is: 'rotate3d(0.265153, -0.536206, -0.801359, 138.89deg)'},
165 {at: 1, is: 'rotate3d(0, 1, 1, 180deg)'},
166 {at: 2, is: 'rotate3d(0.71, 0, -0.71, 90deg)'},
167 ]);
168 assertInterpolation({
169 property: 'transform',
134 from: 'none', 170 from: 'none',
135 to: 'rotate(90deg)' 171 to: 'rotate(90deg)'
136 }, [ 172 }, [
137 {at: -1, is: 'rotate(-90deg)'}, 173 {at: -1, is: 'rotate(-90deg)'},
138 {at: 0, is: 'rotate(0deg)'}, 174 {at: 0, is: 'rotate(0deg)'},
139 {at: 0.25, is: 'rotate(22.5deg)'}, 175 {at: 0.25, is: 'rotate(22.5deg)'},
140 {at: 0.75, is: 'rotate(67.5deg)'}, 176 {at: 0.75, is: 'rotate(67.5deg)'},
141 {at: 1, is: 'rotate(90deg)'}, 177 {at: 1, is: 'rotate(90deg)'},
142 {at: 2, is: 'rotate(180deg)'}, 178 {at: 2, is: 'rotate(180deg)'},
143 ]); 179 ]);
(...skipping 470 matching lines...) Expand 10 before | Expand all | Expand 10 after
614 }, [ 650 }, [
615 {at: -1, is: 'rotate(-360deg)'}, 651 {at: -1, is: 'rotate(-360deg)'},
616 {at: 0, is: 'rotate(0deg)'}, 652 {at: 0, is: 'rotate(0deg)'},
617 {at: 0.25, is: 'rotate(90deg)'}, 653 {at: 0.25, is: 'rotate(90deg)'},
618 {at: 0.75, is: 'rotate(270deg)'}, 654 {at: 0.75, is: 'rotate(270deg)'},
619 {at: 1, is: 'rotate(360deg)'}, 655 {at: 1, is: 'rotate(360deg)'},
620 {at: 2, is: 'rotate(720deg)'}, 656 {at: 2, is: 'rotate(720deg)'},
621 ]); 657 ]);
622 </script> 658 </script>
623 </body> 659 </body>
OLDNEW
« no previous file with comments | « no previous file | Source/platform/transforms/RotateTransformOperation.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698