diff --git a/‎nativescript-core/ui/animation/animation-common.ts‎
Lines changed: 10 additions & 12 deletions b/‎nativescript-core/ui/animation/animation-common.ts‎
Lines changed: 10 additions & 12 deletions
diff --git a/‎tests/app/ui/animation/css-animation-tests.ts‎
Lines changed: 5 additions & 5 deletions b/‎tests/app/ui/animation/css-animation-tests.ts‎
Lines changed: 5 additions & 5 deletions
@@ -12,6 +12,7 @@ import { View } from "../core/view";
 // Types.
 import { Color } from "../../color";
 import { isEnabled as traceEnabled, write as traceWrite, categories as traceCategories, messageType as traceType } from "../../trace";
+import { PercentLength } from "../styling/style-properties";
 
 export { Color, traceEnabled, traceWrite, traceCategories, traceType };
 
@@ -161,22 +162,19 @@ export abstract class AnimationBase implements AnimationBaseDefinition {
                 continue;
             }
 
-            if (item === Properties.opacity ||
+            if ((item === Properties.opacity ||
                 item === "duration" ||
                 item === "delay" ||
-                item === "iterations") {
-
-                if (typeof value !== "number") {
-                    throw new Error(`Property ${item} must be valid number. Value: ${value}`);
-                }
-
-            } else if (item === Properties.scale || item === Properties.translate) {
-                const pair = <Pair>value;
-                if (typeof pair.x !== "number" || typeof pair.y !== "number") {
-                    throw new Error(`Property ${item} must be valid Pair. Value: ${value}`);
-                }
+                item === "iterations") && typeof value !== "number") {
+                throw new Error(`Property ${item} must be valid number. Value: ${value}`);
+            } else if ((item === Properties.scale || item === Properties.translate) &&
+                (typeof (<Pair>value).x !== "number" || typeof (<Pair>value).y !== "number")) {
+                throw new Error(`Property ${item} must be valid Pair. Value: ${value}`);
             } else if (item === Properties.backgroundColor && !Color.isValid(animationDefinition.backgroundColor)) {
                 throw new Error(`Property ${item} must be valid color. Value: ${value}`);
+            } else if (item === Properties.width || item === Properties.height) {
+                // Coerce input into a PercentLength object in case it's a string.
+                animationDefinition[item] = PercentLength.parse(<any>value);
             } else if (item === Properties.rotate) {
                 const rotate: number | Point3D = value;
                 if ((typeof rotate !== "number") &&
 
@@ -122,7 +122,7 @@ export function test_ReadTransformAllSet() {
     const animation = createAnimationFromCSS(css, "test");
     const { rotate, scale, translate } = getTransformsValues(animation.keyframes[0].declarations);
 
-    TKUnit.assertAreClose(rotate, 10, DELTA);
+    TKUnit.assertAreClose(rotate.z, 10, DELTA);
 
     TKUnit.assertAreClose(scale.x, 5, SCALE_DELTA);
     TKUnit.assertAreClose(scale.y, 1, SCALE_DELTA);
@@ -136,7 +136,7 @@ export function test_ReadTransformNone() {
     const animation = createAnimationFromCSS(css, "test");
     const { rotate, scale, translate } = getTransformsValues(animation.keyframes[0].declarations);
 
-    TKUnit.assertEqual(rotate, 0);
+    TKUnit.assertEqual(rotate.z, 0);
 
     TKUnit.assertEqual(scale.x, 1);
     TKUnit.assertEqual(scale.y, 1);
@@ -271,7 +271,7 @@ export function test_ReadRotate() {
     const { rotate } = getTransforms(animation.keyframes[0].declarations);
 
     TKUnit.assertEqual(rotate.property, "rotate");
-    TKUnit.assertAreClose(rotate.value, 5, DELTA);
+    TKUnit.assertAreClose(rotate.value.z, 5, DELTA);
 }
 
 export function test_ReadRotateDeg() {
@@ -280,7 +280,7 @@ export function test_ReadRotateDeg() {
     const { rotate } = getTransforms(animation.keyframes[0].declarations);
 
     TKUnit.assertEqual(rotate.property, "rotate");
-    TKUnit.assertAreClose(rotate.value, 45, DELTA);
+    TKUnit.assertAreClose(rotate.value.z, 45, DELTA);
 }
 
 export function test_ReadRotateRad() {
@@ -289,7 +289,7 @@ export function test_ReadRotateRad() {
     const { rotate } = getTransforms(animation.keyframes[0].declarations);
 
     TKUnit.assertEqual(rotate.property, "rotate");
-    TKUnit.assertAreClose(rotate.value, 45, DELTA);
+    TKUnit.assertAreClose(rotate.value.z, 45, DELTA);
 }
 
 export function test_ReadAnimationWithUnsortedKeyframes() {