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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2531753002: CSS Independent Transform Properties: support rotate: <axes> <angle> (Closed)
Patch Set: tests Created 4 years 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 | « third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html ('k') | third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js » ('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 rotate: 90deg; 5 rotate: 90deg;
6 } 6 }
7 .target { 7 .target {
8 width: 40px; 8 width: 40px;
9 height: 20px; 9 height: 20px;
10 background-color: grey; 10 background-color: grey;
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 {at: -1, is: '300deg'}, 68 {at: -1, is: '300deg'},
69 {at: 0, is: '100deg'}, 69 {at: 0, is: '100deg'},
70 {at: 0.25, is: '50deg'}, 70 {at: 0.25, is: '50deg'},
71 {at: 0.75, is: '-50deg'}, 71 {at: 0.75, is: '-50deg'},
72 {at: 1, is: '-100deg'}, 72 {at: 1, is: '-100deg'},
73 {at: 2, is: '-300deg'}, 73 {at: 2, is: '-300deg'},
74 ]); 74 ]);
75 75
76 assertInterpolation({ 76 assertInterpolation({
77 property: 'rotate', 77 property: 'rotate',
78 from: '100deg 0 1 0', 78 from: '0 1 0 100deg',
79 to: '-100deg 0 1 0', 79 to: '0 1 0 -100deg',
80 }, [ 80 }, [
81 {at: -1, is: '300deg 0 1 0'}, 81 {at: -1, is: '0 1 0 300deg'},
82 {at: 0, is: '100deg 0 1 0'}, 82 {at: 0, is: '0 1 0 100deg'},
83 {at: 0.25, is: '50deg 0 1 0'}, 83 {at: 0.25, is: '0 1 0 50deg'},
84 {at: 0.75, is: '-50deg 0 1 0'}, 84 {at: 0.75, is: '0 1 0 -50deg'},
85 {at: 1, is: '-100deg 0 1 0'}, 85 {at: 1, is: '0 1 0 -100deg'},
86 {at: 2, is: '-300deg 0 1 0'}, 86 {at: 2, is: '0 1 0 -300deg'},
87 ]); 87 ]);
88 88
89 assertInterpolation({ 89 assertInterpolation({
90 property: 'rotate', 90 property: 'rotate',
91 from: '100deg 1 -2.5 3.64', 91 from: '1 -2.5 3.64 100deg',
92 to: '-100deg 1 -2.5 3.64', 92 to: '1 -2.5 3.64 -100deg',
93 }, [ 93 }, [
94 {at: -1, is: '300deg 1 -2.5 3.64'}, 94 {at: -1, is: '1 -2.5 3.64 300deg'},
95 {at: 0, is: '100deg 1 -2.5 3.64'}, 95 {at: 0, is: '1 -2.5 3.64 100deg'},
96 {at: 0.25, is: '50deg 1 -2.5 3.64'}, 96 {at: 0.25, is: '1 -2.5 3.64 50deg'},
97 {at: 0.75, is: '-50deg 1 -2.5 3.64'}, 97 {at: 0.75, is: '1 -2.5 3.64 -50deg'},
98 {at: 1, is: '-100deg 1 -2.5 3.64'}, 98 {at: 1, is: '1 -2.5 3.64 -100deg'},
99 {at: 2, is: '-300deg 1 -2.5 3.64'}, 99 {at: 2, is: '1 -2.5 3.64 -300deg'},
100 ]); 100 ]);
101 101
102 assertInterpolation({ 102 assertInterpolation({
103 property: 'rotate', 103 property: 'rotate',
104 from: '0deg 1 0 0', 104 from: '1 0 0 0deg',
105 to: '10deg 0 1 0', 105 to: '0 1 0 10deg',
106 }, [ 106 }, [
107 {at: -1, is: '-10deg 0 1 0'}, 107 {at: -1, is: '0 1 0 -10deg'},
108 {at: 0, is: '0deg 1 0 0'}, 108 {at: 0, is: '1 0 0 0deg'},
109 {at: 0.25, is: '2.5deg 0 1 0'}, 109 {at: 0.25, is: '0 1 0 2.5deg'},
110 {at: 0.75, is: '7.5deg 0 1 0'}, 110 {at: 0.75, is: '0 1 0 7.5deg'},
111 {at: 1, is: '10deg 0 1 0'}, 111 {at: 1, is: '0 1 0 10deg'},
112 {at: 2, is: '20deg 0 1 0'}, 112 {at: 2, is: '0 1 0 20deg'},
113 ]); 113 ]);
114 114
115 assertInterpolation({ 115 assertInterpolation({
116 property: 'rotate', 116 property: 'rotate',
117 from: '90deg 1 1 0', 117 from: '1 1 0 90deg',
118 to: '180deg 0 1 1', 118 to: '0 1 1 180deg',
119 }, [ 119 }, [
120 {at: -1, is: '120deg 0.41 -0.41 -0.82'}, 120 {at: -1, is: '0.41 -0.41 -0.82 120deg'},
121 {at: 0, is: '90deg 1 1 0'}, 121 {at: 0, is: '1 1 0 90deg'},
122 {at: 0.25, is: '82.76deg 0.8 0.27 -0.53'}, 122 {at: 0.25, is: '0.8 0.27 -0.53 82.76deg'},
123 {at: 0.75, is: '138.89deg 0.27 -0.54 -0.8'}, 123 {at: 0.75, is: '0.27 -0.54 -0.8 138.89deg'},
124 {at: 1, is: '180deg 0 1 1'}, 124 {at: 1, is: '0 1 1 180deg'},
125 {at: 2, is: '90deg 0.71 0 -0.71'}, 125 {at: 2, is: '0.71 0 -0.71 90deg'},
126 ]); 126 ]);
127 127
128 assertInterpolation({ 128 assertInterpolation({
129 property: 'rotate', 129 property: 'rotate',
130 from: '0deg 0 1 0', 130 from: '0 1 0 0deg',
131 to: '450deg 1 0 0', 131 to: '1 0 0 450deg',
132 }, [ 132 }, [
133 {at: -1, is: '-450deg 1 0 0'}, 133 {at: -1, is: '1 0 0 -450deg'},
134 {at: 0, is: '0deg 0 1 0'}, 134 {at: 0, is: '0 1 0 0deg'},
135 {at: 0.25, is: '112.5deg 1 0 0'}, 135 {at: 0.25, is: '1 0 0 112.5deg'},
136 {at: 0.75, is: '337.5deg 1 0 0'}, 136 {at: 0.75, is: '1 0 0 337.5deg'},
137 {at: 1, is: '450deg 1 0 0'}, 137 {at: 1, is: '1 0 0 450deg'},
138 {at: 2, is: '900deg 1 0 0'}, 138 {at: 2, is: '1 0 0 900deg'},
139 ]); 139 ]);
140 140
141 assertInterpolation({ 141 assertInterpolation({
142 property: 'rotate', 142 property: 'rotate',
143 from: '450deg 1 0 0', 143 from: '1 0 0 450deg',
144 to: '0deg 0 1 0', 144 to: '0 1 0 0deg',
145 }, [ 145 }, [
146 {at: -1, is: '900deg 1 0 0'}, 146 {at: -1, is: '1 0 0 900deg'},
147 {at: 0, is: '450deg 1 0 0'}, 147 {at: 0, is: '1 0 0 450deg'},
148 {at: 0.25, is: '337.5deg 1 0 0'}, 148 {at: 0.25, is: '1 0 0 337.5deg'},
149 {at: 0.75, is: '112.5deg 1 0 0'}, 149 {at: 0.75, is: '1 0 0 112.5deg'},
150 {at: 1, is: '0deg 0 1 0'}, 150 {at: 1, is: '0 1 0 0deg'},
151 {at: 2, is: '-450deg 1 0 0'}, 151 {at: 2, is: '1 0 0 -450deg'},
152 ]); 152 ]);
153 </script> 153 </script>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html ('k') | third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698