CSS Independent Transform Properties: support rotate: <axes> <angle>

third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html

Index: third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html
diff --git a/third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html b/third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html
index 33c870b57a98c426fd940453da40ca3b0fff0221..82dd457ece2623cba848f253f45fdc9360104320 100644
--- a/third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html
+++ b/third_party/WebKit/LayoutTests/animations/composition/rotate-composition.html
@@ -18,85 +18,85 @@ assertComposition({
 
 assertComposition({
   property: 'rotate',
-  underlying: '200deg 1 0 0',
-  addFrom: '-100deg 1 0 0',
-  replaceTo: '40deg 1 0 0',
+  underlying: '1 0 0 200deg',
+  addFrom: '1 0 0 -100deg',
+  replaceTo: '1 0 0 40deg',
 }, [
-  {at: -1, is: '160deg 1 0 0'},
-  {at: 0, is: '100deg 1 0 0'},
-  {at: 0.25, is: '85deg 1 0 0'},
-  {at: 0.75, is: '55deg 1 0 0'},
-  {at: 1, is: '40deg 1 0 0'},
-  {at: 2, is: '-20deg 1 0 0'},
+  {at: -1, is: '1 0 0 160deg'},
+  {at: 0, is: '1 0 0 100deg'},
+  {at: 0.25, is: '1 0 0 85deg'},
+  {at: 0.75, is: '1 0 0 55deg'},
+  {at: 1, is: '1 0 0 40deg'},
+  {at: 2, is: '1 0 0 -20deg'},
 ]);
 
 assertComposition({
   property: 'rotate',
-  underlying: '-40deg 0 1 0',
-  replaceFrom: '50deg 0 1 0',
-  addTo: '10deg 0 1 0',
+  underlying: '0 1 0 -40deg',
+  replaceFrom: '0 1 0 50deg',
+  addTo: '0 1 0 10deg',
 }, [
-  {at: -1, is: '130deg 0 1 0'},
-  {at: 0, is: '50deg 0 1 0'},
-  {at: 0.25, is: '30deg 0 1 0'},
-  {at: 0.75, is: '-10deg 0 1 0'},
-  {at: 1, is: '-30deg 0 1 0'},
-  {at: 2, is: '-110deg 0 1 0'},
+  {at: -1, is: '0 1 0 130deg'},
+  {at: 0, is: '0 1 0 50deg'},
+  {at: 0.25, is: '0 1 0 30deg'},
+  {at: 0.75, is: '0 1 0 -10deg'},
+  {at: 1, is: '0 1 0 -30deg'},
+  {at: 2, is: '0 1 0 -110deg'},
 ]);
 
 assertComposition({
   property: 'rotate',
-  underlying: '40deg 1 2 3',
-  addFrom: '10deg 2 4 6',
-  addTo: '50deg 3 6 9',
+  underlying: '1 2 3 40deg',
+  addFrom: '2 4 6 10deg',
+  addTo: '3 6 9 50deg',
 }, [
-  {at: -1, is: '10deg 1 2 3'},
-  {at: 0, is: '50deg 1 2 3'},
-  {at: 0.25, is: '60deg 1 2 3'},
-  {at: 0.75, is: '80deg 1 2 3'},
-  {at: 1, is: '90deg 1 2 3'},
-  {at: 2, is: '130deg 1 2 3'},
+  {at: -1, is: '1 2 3 10deg'},
+  {at: 0, is: '1 2 3 50deg'},
+  {at: 0.25, is: '1 2 3 60deg'},
+  {at: 0.75, is: '1 2 3 80deg'},
+  {at: 1, is: '1 2 3 90deg'},
+  {at: 2, is: '1 2 3 130deg'},
 ]);
 
 assertComposition({
   property: 'rotate',
-  underlying: '270deg 1 2 3',
-  addFrom: '90deg 1 2 3',
-  replaceTo: '100deg 0 1 0',
+  underlying: '1 2 3 270deg',
+  addFrom: '1 2 3 90deg',
+  replaceTo: '0 1 0 100deg',
 }, [
-  {at: -1, is: '100deg -5.49276e-17 -1 -1.64783e-16'},
-  {at: 0, is: '360deg 1 2 3'},
-  {at: 0.25, is: '25deg -1.20172e-16 1 -3.60516e-16'},
-  {at: 0.75, is: '75deg -1.51909e-17 1 -4.55726e-17'},
-  {at: 1, is: '100deg 0 1 0'},
-  {at: 2, is: '160deg -3.3235e-17 -1 -9.97049e-17'},
+  {at: -1, is: '-5.49276e-17 -1 -1.64783e-16 100deg'},
+  {at: 0, is: '1 2 3 360deg'},
+  {at: 0.25, is: '-1.20172e-16 1 -3.60516e-16 25deg'},
+  {at: 0.75, is: '-1.51909e-17 1 -4.55726e-17 75deg'},
+  {at: 1, is: '0 1 0 100deg'},
+  {at: 2, is: '-3.3235e-17 -1 -9.97049e-17 160deg'},
 ]);
 
 assertComposition({
   property: 'rotate',
-  underlying: '90deg 1 2 3',
-  addFrom: '270deg 2 4 6',
-  replaceTo: '100deg 0 1 0',
+  underlying: '1 2 3 90deg',
+  addFrom: '2 4 6 270deg',
+  replaceTo: '0 1 0 100deg',
 }, [
-  {at: -1, is: '100deg -5.49276e-17 -1 -1.64783e-16'},
-  {at: 0, is: '360deg 1 2 3'},
-  {at: 0.25, is: '25deg -1.20172e-16 1 -3.60516e-16'},
-  {at: 0.75, is: '75deg -1.51909e-17 1 -4.55726e-17'},
-  {at: 1, is: '100deg 0 1 0'},
-  {at: 2, is: '160deg -3.3235e-17 -1 -9.97049e-17'},
+  {at: -1, is: '-5.49276e-17 -1 -1.64783e-16 100deg'},
+  {at: 0, is: '1 2 3 360deg'},
+  {at: 0.25, is: '-1.20172e-16 1 -3.60516e-16 25deg'},
+  {at: 0.75, is: '-1.51909e-17 1 -4.55726e-17 75deg'},
+  {at: 1, is: '0 1 0 100deg'},
+  {at: 2, is: '-3.3235e-17 -1 -9.97049e-17 160deg'},
 ]);
 
 assertComposition({
   property: 'rotate',
-  underlying: '90deg 1 0 0',
-  addFrom: '180deg 0 1 0',
-  replaceTo: '90deg 0 0 1',
+  underlying: '1 0 0 90deg',
+  addFrom: '0 1 0 180deg',
+  replaceTo: '0 0 1 90deg',
 }, [
-  {at: -1, is: '90deg -6.12323e-17 -1 1.57009e-16'},
-  {at: 0, is: '180deg -4.32978e-17 -0.707107 -0.707107'},
-  {at: 0.25, is: '131.81deg -1.48952e-16 -0.894427 -0.447214'},
-  {at: 0.75, is: '70.5288deg -2.94392e-17 -0.707107 0.707107'},
+  {at: -1, is: '-6.12323e-17 -1 1.57009e-16 90deg'},
+  {at: 0, is: '-4.32978e-17 -0.707107 -0.707107 180deg'},
+  {at: 0.25, is: '-1.48952e-16 -0.894427 -0.447214 131.81deg'},
+  {at: 0.75, is: '-2.94392e-17 -0.707107 0.707107 70.5288deg'},
   {at: 1, is: '90deg'},
-  {at: 2, is: '90deg -6.12323e-17 -1 -4.71028e-16'},
+  {at: 2, is: '-6.12323e-17 -1 -4.71028e-16 90deg'},
 ]);
 </script>