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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/composition/rotate-composition.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 | « no previous file | third_party/WebKit/LayoutTests/animations/interpolation/rotate-interpolation.html » ('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 <script src="../interpolation/resources/interpolation-test.js"></script> 3 <script src="../interpolation/resources/interpolation-test.js"></script>
4 <script> 4 <script>
5 assertComposition({ 5 assertComposition({
6 property: 'rotate', 6 property: 'rotate',
7 underlying: '100deg', 7 underlying: '100deg',
8 addFrom: '10deg', 8 addFrom: '10deg',
9 addTo: '30deg', 9 addTo: '30deg',
10 }, [ 10 }, [
11 {at: -1, is: '90deg'}, 11 {at: -1, is: '90deg'},
12 {at: 0, is: '110deg'}, 12 {at: 0, is: '110deg'},
13 {at: 0.25, is: '115deg'}, 13 {at: 0.25, is: '115deg'},
14 {at: 0.75, is: '125deg'}, 14 {at: 0.75, is: '125deg'},
15 {at: 1, is: '130deg'}, 15 {at: 1, is: '130deg'},
16 {at: 2, is: '150deg'}, 16 {at: 2, is: '150deg'},
17 ]); 17 ]);
18 18
19 assertComposition({ 19 assertComposition({
20 property: 'rotate', 20 property: 'rotate',
21 underlying: '200deg 1 0 0', 21 underlying: '1 0 0 200deg',
22 addFrom: '-100deg 1 0 0', 22 addFrom: '1 0 0 -100deg',
23 replaceTo: '40deg 1 0 0', 23 replaceTo: '1 0 0 40deg',
24 }, [ 24 }, [
25 {at: -1, is: '160deg 1 0 0'}, 25 {at: -1, is: '1 0 0 160deg'},
26 {at: 0, is: '100deg 1 0 0'}, 26 {at: 0, is: '1 0 0 100deg'},
27 {at: 0.25, is: '85deg 1 0 0'}, 27 {at: 0.25, is: '1 0 0 85deg'},
28 {at: 0.75, is: '55deg 1 0 0'}, 28 {at: 0.75, is: '1 0 0 55deg'},
29 {at: 1, is: '40deg 1 0 0'}, 29 {at: 1, is: '1 0 0 40deg'},
30 {at: 2, is: '-20deg 1 0 0'}, 30 {at: 2, is: '1 0 0 -20deg'},
31 ]); 31 ]);
32 32
33 assertComposition({ 33 assertComposition({
34 property: 'rotate', 34 property: 'rotate',
35 underlying: '-40deg 0 1 0', 35 underlying: '0 1 0 -40deg',
36 replaceFrom: '50deg 0 1 0', 36 replaceFrom: '0 1 0 50deg',
37 addTo: '10deg 0 1 0', 37 addTo: '0 1 0 10deg',
38 }, [ 38 }, [
39 {at: -1, is: '130deg 0 1 0'}, 39 {at: -1, is: '0 1 0 130deg'},
40 {at: 0, is: '50deg 0 1 0'}, 40 {at: 0, is: '0 1 0 50deg'},
41 {at: 0.25, is: '30deg 0 1 0'}, 41 {at: 0.25, is: '0 1 0 30deg'},
42 {at: 0.75, is: '-10deg 0 1 0'}, 42 {at: 0.75, is: '0 1 0 -10deg'},
43 {at: 1, is: '-30deg 0 1 0'}, 43 {at: 1, is: '0 1 0 -30deg'},
44 {at: 2, is: '-110deg 0 1 0'}, 44 {at: 2, is: '0 1 0 -110deg'},
45 ]); 45 ]);
46 46
47 assertComposition({ 47 assertComposition({
48 property: 'rotate', 48 property: 'rotate',
49 underlying: '40deg 1 2 3', 49 underlying: '1 2 3 40deg',
50 addFrom: '10deg 2 4 6', 50 addFrom: '2 4 6 10deg',
51 addTo: '50deg 3 6 9', 51 addTo: '3 6 9 50deg',
52 }, [ 52 }, [
53 {at: -1, is: '10deg 1 2 3'}, 53 {at: -1, is: '1 2 3 10deg'},
54 {at: 0, is: '50deg 1 2 3'}, 54 {at: 0, is: '1 2 3 50deg'},
55 {at: 0.25, is: '60deg 1 2 3'}, 55 {at: 0.25, is: '1 2 3 60deg'},
56 {at: 0.75, is: '80deg 1 2 3'}, 56 {at: 0.75, is: '1 2 3 80deg'},
57 {at: 1, is: '90deg 1 2 3'}, 57 {at: 1, is: '1 2 3 90deg'},
58 {at: 2, is: '130deg 1 2 3'}, 58 {at: 2, is: '1 2 3 130deg'},
59 ]); 59 ]);
60 60
61 assertComposition({ 61 assertComposition({
62 property: 'rotate', 62 property: 'rotate',
63 underlying: '270deg 1 2 3', 63 underlying: '1 2 3 270deg',
64 addFrom: '90deg 1 2 3', 64 addFrom: '1 2 3 90deg',
65 replaceTo: '100deg 0 1 0', 65 replaceTo: '0 1 0 100deg',
66 }, [ 66 }, [
67 {at: -1, is: '100deg -5.49276e-17 -1 -1.64783e-16'}, 67 {at: -1, is: '-5.49276e-17 -1 -1.64783e-16 100deg'},
68 {at: 0, is: '360deg 1 2 3'}, 68 {at: 0, is: '1 2 3 360deg'},
69 {at: 0.25, is: '25deg -1.20172e-16 1 -3.60516e-16'}, 69 {at: 0.25, is: '-1.20172e-16 1 -3.60516e-16 25deg'},
70 {at: 0.75, is: '75deg -1.51909e-17 1 -4.55726e-17'}, 70 {at: 0.75, is: '-1.51909e-17 1 -4.55726e-17 75deg'},
71 {at: 1, is: '100deg 0 1 0'}, 71 {at: 1, is: '0 1 0 100deg'},
72 {at: 2, is: '160deg -3.3235e-17 -1 -9.97049e-17'}, 72 {at: 2, is: '-3.3235e-17 -1 -9.97049e-17 160deg'},
73 ]); 73 ]);
74 74
75 assertComposition({ 75 assertComposition({
76 property: 'rotate', 76 property: 'rotate',
77 underlying: '90deg 1 2 3', 77 underlying: '1 2 3 90deg',
78 addFrom: '270deg 2 4 6', 78 addFrom: '2 4 6 270deg',
79 replaceTo: '100deg 0 1 0', 79 replaceTo: '0 1 0 100deg',
80 }, [ 80 }, [
81 {at: -1, is: '100deg -5.49276e-17 -1 -1.64783e-16'}, 81 {at: -1, is: '-5.49276e-17 -1 -1.64783e-16 100deg'},
82 {at: 0, is: '360deg 1 2 3'}, 82 {at: 0, is: '1 2 3 360deg'},
83 {at: 0.25, is: '25deg -1.20172e-16 1 -3.60516e-16'}, 83 {at: 0.25, is: '-1.20172e-16 1 -3.60516e-16 25deg'},
84 {at: 0.75, is: '75deg -1.51909e-17 1 -4.55726e-17'}, 84 {at: 0.75, is: '-1.51909e-17 1 -4.55726e-17 75deg'},
85 {at: 1, is: '100deg 0 1 0'}, 85 {at: 1, is: '0 1 0 100deg'},
86 {at: 2, is: '160deg -3.3235e-17 -1 -9.97049e-17'}, 86 {at: 2, is: '-3.3235e-17 -1 -9.97049e-17 160deg'},
87 ]); 87 ]);
88 88
89 assertComposition({ 89 assertComposition({
90 property: 'rotate', 90 property: 'rotate',
91 underlying: '90deg 1 0 0', 91 underlying: '1 0 0 90deg',
92 addFrom: '180deg 0 1 0', 92 addFrom: '0 1 0 180deg',
93 replaceTo: '90deg 0 0 1', 93 replaceTo: '0 0 1 90deg',
94 }, [ 94 }, [
95 {at: -1, is: '90deg -6.12323e-17 -1 1.57009e-16'}, 95 {at: -1, is: '-6.12323e-17 -1 1.57009e-16 90deg'},
96 {at: 0, is: '180deg -4.32978e-17 -0.707107 -0.707107'}, 96 {at: 0, is: '-4.32978e-17 -0.707107 -0.707107 180deg'},
97 {at: 0.25, is: '131.81deg -1.48952e-16 -0.894427 -0.447214'}, 97 {at: 0.25, is: '-1.48952e-16 -0.894427 -0.447214 131.81deg'},
98 {at: 0.75, is: '70.5288deg -2.94392e-17 -0.707107 0.707107'}, 98 {at: 0.75, is: '-2.94392e-17 -0.707107 0.707107 70.5288deg'},
99 {at: 1, is: '90deg'}, 99 {at: 1, is: '90deg'},
100 {at: 2, is: '90deg -6.12323e-17 -1 -4.71028e-16'}, 100 {at: 2, is: '-6.12323e-17 -1 -4.71028e-16 90deg'},
101 ]); 101 ]);
102 </script> 102 </script>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/interpolation/rotate-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698