diff --git a/e2e/animation/app/3d-rotate/page.ts b/e2e/animation/app/3d-rotate/page.ts
new file mode 100644
index 0000000000..467afdb05c
--- /dev/null
+++ b/e2e/animation/app/3d-rotate/page.ts
@@ -0,0 +1,39 @@
+import { EventData, Page } from "tns-core-modules/ui/page";
+import { View } from "tns-core-modules/ui/core/view";
+import { Point3D } from "tns-core-modules/ui/animation/animation";
+
+let view: View;
+
+export function pageLoaded(args: EventData) {
+    const page = <Page>args.object;
+    view = page.getViewById<View>("view");
+}
+
+export function onAnimateX(args: EventData) {
+    rotate({ x: 360, y: 0, z: 0 });
+}
+
+export function onAnimateY(args: EventData) {
+    rotate({ x: 0, y: 360, z: 0 });
+}
+
+export function onAnimateZ(args: EventData) {
+    rotate({ x: 0, y: 0, z: 360 });
+}
+
+export function onAnimateXYZ(args: EventData) {
+    rotate({ x: 360, y: 360, z: 360 });
+}
+
+function rotate(rotate: Point3D) {
+    view.animate({
+        rotate,
+        duration: 1000
+    }).then(reset);
+}
+
+function reset() {
+    view.rotate = 0;
+    view.rotateX = 0;
+    view.rotateY = 0;
+}
diff --git a/e2e/animation/app/3d-rotate/page.xml b/e2e/animation/app/3d-rotate/page.xml
new file mode 100644
index 0000000000..c56b6a9faa
--- /dev/null
+++ b/e2e/animation/app/3d-rotate/page.xml
@@ -0,0 +1,24 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
+  <ActionBar title="Rotate" />
+
+  <GridLayout rows="auto auto auto auto *" columns="* * *">
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="0" row="0" rotateX="60"/>
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="1" row="0" rotateY="60"/>
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="2" row="0" rotate="60"/>
+
+    <Button text="X" tap="onAnimateX" col="0" row="1"/>
+    <Button text="Y" tap="onAnimateY" col="1" row="1"/>
+    <Button text="Z" tap="onAnimateZ" col="2" row="1"/>
+
+    <Image src="~/res/icon_100x100.png" width="60" height="60" horizontalAlignment="center"
+           colSpan="3" row="2" rotate="60" rotateX="60" rotateY="60"/>
+
+    <Button text="XYZ" tap="onAnimateXYZ" row="3" colSpan="3"/>
+
+    <AbsoluteLayout width="300" height="300" clipToBounds="true" backgroundColor="LightGray" row="4" colSpan="3">
+      <Image id="view" src="~/res/icon_100x100.png" 
+          width="100" height="100" 
+          left="100" top="100"/>
+    </AbsoluteLayout>
+  </GridLayout>
+</Page>
diff --git a/e2e/animation/app/app.ts b/e2e/animation/app/app.ts
index 0c5afc47e4..6343cc884e 100644
--- a/e2e/animation/app/app.ts
+++ b/e2e/animation/app/app.ts
@@ -1,3 +1,7 @@
 import * as application from "tns-core-modules/application";
 
+import { enable, setCategories, categories } from "tns-core-modules/trace"
+setCategories(categories.Animation);
+enable();
+
 application.run({ moduleName: "app-root" });
diff --git a/e2e/animation/app/css-animations/3d-rotate/page.css b/e2e/animation/app/css-animations/3d-rotate/page.css
new file mode 100644
index 0000000000..dbe8476d8a
--- /dev/null
+++ b/e2e/animation/app/css-animations/3d-rotate/page.css
@@ -0,0 +1,75 @@
+.rotate-x {
+    rotateX: 60;
+}
+
+.rotate-y {
+    rotateY: 60;
+}
+
+.rotate-z {
+    rotate: 60;
+}
+
+.original {
+    transform: none;
+}
+ 
+.animate-x {
+    animation-name: rotateX;
+    animation-duration: 2s;
+    animation-fill-mode: forwards;
+}
+
+.animate-y {
+    animation-name: rotateY;
+    animation-duration: 2s;
+    animation-fill-mode: forwards;
+}
+
+.animate-z {
+    animation-name: rotateZ;
+    animation-duration: 2s;
+    animation-fill-mode: forwards;
+}
+
+.animate-xyz-3d {
+    animation-name: rotateXYZ3D;
+    animation-duration: 2s;
+    animation-fill-mode: forwards;
+}
+
+.animate-xyz {
+    animation-name: rotateXYZ;
+    animation-duration: 2s;
+    animation-fill-mode: forwards;
+}
+
+@keyframes rotateX {
+    from { transform: none; }
+    50%  { transform: rotateX(60) }
+    to  { transform: none; }
+}
+
+@keyframes rotateY {
+    from { transform: none; }
+    50%  { transform: rotateY(60) }
+    to  { transform: none; }
+}
+
+@keyframes rotateZ {
+    from { transform: none; }
+    50%  { transform: rotate(60) }
+    to  { transform: none; }
+}
+
+@keyframes rotateXYZ3D {
+    from { transform: none; }
+    50%  { transform: rotate3d(60, 60, 60) }
+    to  { transform: none; }
+}
+
+@keyframes rotateXYZ {
+    from { transform: none; }
+    50%  { transform: rotateX(60) rotateY(60) rotate(60) }
+    to  { transform: none; }
+}
diff --git a/e2e/animation/app/css-animations/3d-rotate/page.ts b/e2e/animation/app/css-animations/3d-rotate/page.ts
new file mode 100644
index 0000000000..01c683f620
--- /dev/null
+++ b/e2e/animation/app/css-animations/3d-rotate/page.ts
@@ -0,0 +1,35 @@
+import { EventData, Page } from "tns-core-modules/ui/page";
+import { View } from "tns-core-modules/ui/core/view";
+import { Point3D } from "tns-core-modules/ui/animation/animation";
+
+let view: View;
+
+export function pageLoaded(args: EventData) {
+    const page = <Page>args.object;
+    view = page.getViewById<View>("view");
+}
+
+export function onAnimateX(args: EventData) {
+    view.className = "original";
+    view.className = "animate-x";
+}
+
+export function onAnimateY(args: EventData) {
+    view.className = "original";
+    view.className = "animate-y";
+}
+
+export function onAnimateZ(args: EventData) {
+    view.className = "original";
+    view.className = "animate-z";
+}
+
+export function onAnimateXYZ3D(args: EventData) {
+    view.className = "original";
+    view.className = "animate-xyz-3d";
+}
+
+export function onAnimateXYZ(args: EventData) {
+    view.className = "original";
+    view.className = "animate-xyz";
+}
diff --git a/e2e/animation/app/css-animations/3d-rotate/page.xml b/e2e/animation/app/css-animations/3d-rotate/page.xml
new file mode 100644
index 0000000000..26599ce168
--- /dev/null
+++ b/e2e/animation/app/css-animations/3d-rotate/page.xml
@@ -0,0 +1,22 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
+  <ActionBar title="Rotate" />
+
+  <GridLayout rows="auto auto auto *" columns="* * *">
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="0" row="0" class="rotate-x"/>
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="1" row="0" class="rotate-y"/>
+    <Image src="~/res/icon_100x100.png" width="30" height="30" col="2" row="0" class="rotate-z"/>
+
+    <Button text="X" tap="onAnimateX" col="0" row="1"/>
+    <Button text="Y" tap="onAnimateY" col="1" row="1"/>
+    <Button text="Z" tap="onAnimateZ" col="2" row="1"/>
+
+    <Button text="XYZ" tap="onAnimateXYZ" row="2" col="0"/>
+    <Button text="XYZ-3D" tap="onAnimateXYZ3D" row="2" col="1"/>
+
+    <AbsoluteLayout width="300" height="300" clipToBounds="true" backgroundColor="LightGray" row="3" colSpan="3">
+      <Image id="view" src="~/res/icon_100x100.png" 
+          width="100" height="100" 
+          left="100" top="100" />
+    </AbsoluteLayout>
+  </GridLayout>
+</Page>
diff --git a/e2e/animation/app/css-animations/page.xml b/e2e/animation/app/css-animations/page.xml
index 4f64448e38..aecee8df2d 100644
--- a/e2e/animation/app/css-animations/page.xml
+++ b/e2e/animation/app/css-animations/page.xml
@@ -13,6 +13,7 @@
       <Button text="settings" tap="onButtonTap"/>
       <Button text="visual-states" tap="onButtonTap"/>
       <Button text="initial-animation" tap="onButtonTap"/>
+      <Button text="3d-rotate" tap="onButtonTap"/>
     </StackLayout>
   </ScrollView>
 </Page>
diff --git a/e2e/animation/app/home/home-page.xml b/e2e/animation/app/home/home-page.xml
index 611e58d9af..53c4a4f815 100644
--- a/e2e/animation/app/home/home-page.xml
+++ b/e2e/animation/app/home/home-page.xml
@@ -19,6 +19,7 @@
             <Button text="infinite" tap="onButtonTap" />
             <Button text="animation-curves" tap="onButtonTap" />
             <Button text="css-animations" tap="onButtonTap" /> 
+            <Button text="3d-rotate" tap="onButtonTap" /> 
         </StackLayout>
     </ScrollView>
 
diff --git a/tns-core-modules/matrix/matrix.ts b/tns-core-modules/matrix/matrix.ts
index 383d78b8c0..e4c9929a39 100644
--- a/tns-core-modules/matrix/matrix.ts
+++ b/tns-core-modules/matrix/matrix.ts
@@ -2,26 +2,30 @@ import { TransformFunctionsInfo } from "../ui/animation/animation";
 
 import { radiansToDegrees, degreesToRadians } from "../utils/number-utils";
 
-export const getTransformMatrix = ({property, value}) =>
+// TODO: Handle rotation over X and Y axis.
+export const getTransformMatrix = ({ property, value }) =>
     TRANSFORM_MATRIXES[property](value);
 
 const TRANSFORM_MATRIXES = {
-    "scale": ({x, y}) => [
+    "scale": ({ x, y }) => [
         x, 0, 0,
         0, y, 0,
         0, 0, 1,
     ],
-    "translate": ({x, y}) => [
+    "translate": ({ x, y }) => [
         1, 0, x,
         0, 1, y,
         0, 0, 1,
     ],
-    "rotate": angleInDeg => {
-        const angleInRad = degreesToRadians(angleInDeg);
+    "rotate": ({ x, y, z}) => {
+        // TODO: Handle rotations over X and Y axis
+        const radZ = degreesToRadians(z);
+        const cosZ = Math.cos(radZ);
+        const sinZ = Math.sin(radZ);
 
         return [
-            Math.cos(angleInRad), -Math.sin(angleInRad), 0,
-            Math.sin(angleInRad), Math.cos(angleInRad), 0,
+            cosZ, -sinZ, 0,
+            sinZ, cosZ, 0,
             0, 0, 1,
         ]
     },
@@ -43,6 +47,7 @@ export function multiplyAffine2d(m1: number[], m2: number[]): number[] {
     ]
 }
 
+// TODO: Decompose rotations over X and Y axis
 export function decompose2DTransformMatrix(matrix: number[])
     : TransformFunctionsInfo {
 
@@ -52,7 +57,7 @@ export function decompose2DTransformMatrix(matrix: number[])
     const determinant = A * D - B * C;
     const translate = { x: E || 0, y: F || 0 };
 
-    // rewrite with obj desctructuring using the identity matrix
+    // rewrite with obj destructuring using the identity matrix
     let rotate = 0;
     let scale = { x: 1, y: 1 };
     if (A || B) {
@@ -62,12 +67,12 @@ export function decompose2DTransformMatrix(matrix: number[])
     } else if (C || D) {
         const R = Math.sqrt(C * C + D * D);
         rotate = Math.PI / 2 - (D > 0 ? Math.acos(-C / R) : -Math.acos(C / R));
-        scale = { x: determinant / R, y: R  };
+        scale = { x: determinant / R, y: R };
     }
 
     rotate = radiansToDegrees(rotate);
 
-    return { translate, rotate, scale };
+    return { translate, rotate: { x: 0, y: 0, z: rotate }, scale };
 }
 
 function verifyTransformMatrix(matrix: number[]) {
diff --git a/tns-core-modules/ui/animation/animation-common.ts b/tns-core-modules/ui/animation/animation-common.ts
index 20d29c4fba..2e69d82835 100644
--- a/tns-core-modules/ui/animation/animation-common.ts
+++ b/tns-core-modules/ui/animation/animation-common.ts
@@ -4,7 +4,8 @@ import {
     AnimationPromise as AnimationPromiseDefinition,
     Animation as AnimationBaseDefinition,
     AnimationDefinition,
-    Pair
+    Pair,
+    Point3D
 } from ".";
 import { View } from "../core/view";
 
@@ -87,7 +88,7 @@ export abstract class AnimationBase implements AnimationBaseDefinition {
     protected _rejectAlreadyPlaying(): AnimationPromiseDefinition {
         const reason = "Animation is already playing.";
         traceWrite(reason, traceCategories.Animation, traceType.warn);
-        
+
         return <AnimationPromiseDefinition>new Promise<void>((resolve, reject) => {
             reject(reason);
         });
@@ -151,21 +152,33 @@ export abstract class AnimationBase implements AnimationBaseDefinition {
         }
 
         for (let item in animationDefinition) {
-            if (animationDefinition[item] === undefined) {
+            const value = animationDefinition[item];
+            if (value === undefined) {
                 continue;
             }
 
-            if ((item === Properties.opacity ||
-                item === Properties.rotate ||
+            if (item === Properties.opacity ||
                 item === "duration" ||
                 item === "delay" ||
-                item === "iterations") && typeof animationDefinition[item] !== "number") {
-                throw new Error(`Property ${item} must be valid number. Value: ${animationDefinition[item]}`);
-            } else if ((item === Properties.scale || item === Properties.translate) &&
-                (typeof (<Pair>animationDefinition[item]).x !== "number" || typeof (<Pair>animationDefinition[item]).y !== "number")) {
-                throw new Error(`Property ${item} must be valid Pair. Value: ${animationDefinition[item]}`);
+                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}`);
+                }
             } else if (item === Properties.backgroundColor && !Color.isValid(animationDefinition.backgroundColor)) {
-                throw new Error(`Property ${item} must be valid color. Value: ${animationDefinition[item]}`);
+                throw new Error(`Property ${item} must be valid color. Value: ${value}`);
+            } else if (item === Properties.rotate) {
+                const rotate: number | Point3D = value;
+                if ((typeof rotate !== "number") &&
+                    !(typeof rotate.x === "number" && typeof rotate.y === "number" && typeof rotate.z === "number")) {
+                    throw new Error(`Property ${rotate} must be valid number or Point3D. Value: ${value}`);
+                }
             }
         }
 
@@ -226,10 +239,18 @@ export abstract class AnimationBase implements AnimationBaseDefinition {
 
         // rotate
         if (animationDefinition.rotate !== undefined) {
+            // Make sure the value of the rotation property is always Point3D
+            let rotationValue: Point3D;
+            if (typeof animationDefinition.rotate === "number") {
+                rotationValue = { x: 0, y: 0, z: animationDefinition.rotate }
+            } else {
+                rotationValue = animationDefinition.rotate;
+            }
+
             propertyAnimations.push({
                 target: animationDefinition.target,
                 property: Properties.rotate,
-                value: animationDefinition.rotate,
+                value: rotationValue,
                 duration: animationDefinition.duration,
                 delay: animationDefinition.delay,
                 iterations: animationDefinition.iterations,
diff --git a/tns-core-modules/ui/animation/animation.android.ts b/tns-core-modules/ui/animation/animation.android.ts
index b536c69370..80c10d1b6a 100644
--- a/tns-core-modules/ui/animation/animation.android.ts
+++ b/tns-core-modules/ui/animation/animation.android.ts
@@ -4,7 +4,7 @@ import { View } from "../core/view";
 
 import { AnimationBase, Properties, PropertyAnimation, CubicBezierAnimationCurve, AnimationPromise, Color, traceWrite, traceEnabled, traceCategories, traceType } from "./animation-common";
 import {
-    opacityProperty, backgroundColorProperty, rotateProperty,
+    opacityProperty, backgroundColorProperty, rotateProperty, rotateXProperty, rotateYProperty,
     translateXProperty, translateYProperty, scaleXProperty, scaleYProperty
 } from "../styling/style-properties";
 
@@ -84,6 +84,34 @@ export function _resolveAnimationCurve(curve: string | CubicBezierAnimationCurve
     }
 }
 
+function getAndroidRepeatCount(iterations: number): number {
+    return (iterations === Number.POSITIVE_INFINITY) ? android.view.animation.Animation.INFINITE : iterations - 1;
+}
+
+function createObjectAnimator(nativeView: android.view.View, propertyName: string, value: number): android.animation.ObjectAnimator {
+    let arr = Array.create("float", 1);
+    arr[0] = value;
+    return android.animation.ObjectAnimator.ofFloat(nativeView, propertyName, arr);
+}
+
+function createAnimationSet(animators: android.animation.ObjectAnimator[], iterations: number): android.animation.AnimatorSet {
+    iterations = getAndroidRepeatCount(iterations);
+
+    const animatorSet = new android.animation.AnimatorSet();
+    const animatorsArray = Array.create(android.animation.Animator, animators.length);
+
+    animators.forEach((animator, index) => {
+        animatorsArray[index] = animator;
+
+        //TODO: not sure if we have to do that for each animator
+        animatorsArray[index].setRepeatCount(iterations);
+    })
+
+    animatorSet.playTogether(animatorsArray);
+    animatorSet.setupStartValues();
+
+    return animatorSet;
+}
 export class Animation extends AnimationBase {
     private _animatorListener: android.animation.Animator.AnimatorListener;
     private _nativeAnimatorsArray: any;
@@ -256,16 +284,14 @@ export class Animation extends AnimationBase {
 
         this._target = propertyAnimation.target;
 
-        let nativeArray;
         const nativeView = <android.view.View>propertyAnimation.target.nativeViewProtected;
         const animators = new Array<android.animation.Animator>();
         const propertyUpdateCallbacks = new Array<Function>();
         const propertyResetCallbacks = new Array<Function>();
         let originalValue1;
         let originalValue2;
+        let originalValue3;
         const density = layout.getDisplayDensity();
-        let xyObjectAnimators: any;
-        let animatorSet: android.animation.AnimatorSet;
 
         let key = propertyKeys[propertyAnimation.property];
         if (key) {
@@ -287,8 +313,6 @@ export class Animation extends AnimationBase {
                 opacityProperty._initDefaultNativeValue(style);
 
                 originalValue1 = nativeView.getAlpha();
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value;
                 propertyUpdateCallbacks.push(checkAnimation(() => {
                     propertyAnimation.target.style[setLocal ? opacityProperty.name : opacityProperty.keyframe] = propertyAnimation.value;
                 }));
@@ -302,7 +326,7 @@ export class Animation extends AnimationBase {
                         propertyAnimation.target[opacityProperty.setNative](propertyAnimation.target.style.opacity);
                     }
                 }));
-                animators.push(android.animation.ObjectAnimator.ofFloat(nativeView, "alpha", nativeArray));
+                animators.push(createObjectAnimator(nativeView, "alpha", propertyAnimation.value));
                 break;
 
             case Properties.backgroundColor:
@@ -310,7 +334,7 @@ export class Animation extends AnimationBase {
 
                 ensureArgbEvaluator();
                 originalValue1 = propertyAnimation.target.backgroundColor;
-                nativeArray = Array.create(java.lang.Object, 2);
+                const nativeArray = Array.create(java.lang.Object, 2);
                 nativeArray[0] = propertyAnimation.target.backgroundColor ? java.lang.Integer.valueOf((<Color>propertyAnimation.target.backgroundColor).argb) : java.lang.Integer.valueOf(-1);
                 nativeArray[1] = java.lang.Integer.valueOf((<Color>propertyAnimation.value).argb);
                 let animator = android.animation.ValueAnimator.ofObject(argbEvaluator, nativeArray);
@@ -342,18 +366,6 @@ export class Animation extends AnimationBase {
                 translateXProperty._initDefaultNativeValue(style);
                 translateYProperty._initDefaultNativeValue(style);
 
-                xyObjectAnimators = Array.create(android.animation.Animator, 2);
-
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value.x * density;
-                xyObjectAnimators[0] = android.animation.ObjectAnimator.ofFloat(nativeView, "translationX", nativeArray);
-                xyObjectAnimators[0].setRepeatCount(Animation._getAndroidRepeatCount(propertyAnimation.iterations));
-
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value.y * density;
-                xyObjectAnimators[1] = android.animation.ObjectAnimator.ofFloat(nativeView, "translationY", nativeArray);
-                xyObjectAnimators[1].setRepeatCount(Animation._getAndroidRepeatCount(propertyAnimation.iterations));
-
                 originalValue1 = nativeView.getTranslationX() / density;
                 originalValue2 = nativeView.getTranslationY() / density;
 
@@ -377,28 +389,17 @@ export class Animation extends AnimationBase {
                     }
                 }));
 
-                animatorSet = new android.animation.AnimatorSet();
-                animatorSet.playTogether(xyObjectAnimators);
-                animatorSet.setupStartValues();
-                animators.push(animatorSet);
+                animators.push(
+                    createAnimationSet([
+                        createObjectAnimator(nativeView, "translationX", propertyAnimation.value.x * density),
+                        createObjectAnimator(nativeView, "translationY", propertyAnimation.value.y * density)
+                    ], propertyAnimation.iterations));
                 break;
 
             case Properties.scale:
                 scaleXProperty._initDefaultNativeValue(style);
                 scaleYProperty._initDefaultNativeValue(style);
 
-                xyObjectAnimators = Array.create(android.animation.Animator, 2);
-
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value.x;
-                xyObjectAnimators[0] = android.animation.ObjectAnimator.ofFloat(nativeView, "scaleX", nativeArray);
-                xyObjectAnimators[0].setRepeatCount(Animation._getAndroidRepeatCount(propertyAnimation.iterations));
-
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value.y;
-                xyObjectAnimators[1] = android.animation.ObjectAnimator.ofFloat(nativeView, "scaleY", nativeArray);
-                xyObjectAnimators[1].setRepeatCount(Animation._getAndroidRepeatCount(propertyAnimation.iterations));
-
                 originalValue1 = nativeView.getScaleX();
                 originalValue2 = nativeView.getScaleY();
 
@@ -422,33 +423,51 @@ export class Animation extends AnimationBase {
                     }
                 }));
 
-                animatorSet = new android.animation.AnimatorSet();
-                animatorSet.playTogether(xyObjectAnimators);
-                animatorSet.setupStartValues();
-                animators.push(animatorSet);
+                animators.push(
+                    createAnimationSet([
+                        createObjectAnimator(nativeView, "scaleX", propertyAnimation.value.x),
+                        createObjectAnimator(nativeView, "scaleY", propertyAnimation.value.y)
+                    ], propertyAnimation.iterations));
                 break;
 
             case Properties.rotate:
                 rotateProperty._initDefaultNativeValue(style);
+                rotateXProperty._initDefaultNativeValue(style);
+                rotateYProperty._initDefaultNativeValue(style);
+
+                originalValue1 = nativeView.getRotationX();
+                originalValue2 = nativeView.getRotationY();
+                originalValue3 = nativeView.getRotation();
 
-                originalValue1 = nativeView.getRotation();
-                nativeArray = Array.create("float", 1);
-                nativeArray[0] = propertyAnimation.value;
                 propertyUpdateCallbacks.push(checkAnimation(() => {
-                    propertyAnimation.target.style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = propertyAnimation.value;
+                    propertyAnimation.target.style[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = propertyAnimation.value.x;
+                    propertyAnimation.target.style[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = propertyAnimation.value.y;
+                    propertyAnimation.target.style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = propertyAnimation.value.z;
                 }));
                 propertyResetCallbacks.push(checkAnimation(() => {
                     if (setLocal) {
-                        propertyAnimation.target.style[rotateProperty.name] = originalValue1;
+                        propertyAnimation.target.style[rotateXProperty.name] = originalValue1;
+                        propertyAnimation.target.style[rotateYProperty.name] = originalValue2;
+                        propertyAnimation.target.style[rotateProperty.name] = originalValue3;
                     } else {
-                        propertyAnimation.target.style[rotateProperty.keyframe] = originalValue1;
+                        propertyAnimation.target.style[rotateXProperty.keyframe] = originalValue1;
+                        propertyAnimation.target.style[rotateYProperty.keyframe] = originalValue2;
+                        propertyAnimation.target.style[rotateProperty.keyframe] = originalValue3;
                     }
 
                     if (propertyAnimation.target.nativeViewProtected) {
                         propertyAnimation.target[rotateProperty.setNative](propertyAnimation.target.style.rotate);
+                        propertyAnimation.target[rotateXProperty.setNative](propertyAnimation.target.style.rotateX);
+                        propertyAnimation.target[rotateYProperty.setNative](propertyAnimation.target.style.rotateY);
                     }
                 }));
-                animators.push(android.animation.ObjectAnimator.ofFloat(nativeView, "rotation", nativeArray));
+
+                animators.push(
+                    createAnimationSet([
+                        createObjectAnimator(nativeView, "rotationX", propertyAnimation.value.x),
+                        createObjectAnimator(nativeView, "rotationY", propertyAnimation.value.y),
+                        createObjectAnimator(nativeView, "rotation", propertyAnimation.value.z)
+                    ], propertyAnimation.iterations));
                 break;
 
             default:
@@ -469,7 +488,7 @@ export class Animation extends AnimationBase {
 
             // Repeat Count
             if (propertyAnimation.iterations !== undefined && animators[i] instanceof android.animation.ValueAnimator) {
-                (<android.animation.ValueAnimator>animators[i]).setRepeatCount(Animation._getAndroidRepeatCount(propertyAnimation.iterations));
+                (<android.animation.ValueAnimator>animators[i]).setRepeatCount(getAndroidRepeatCount(propertyAnimation.iterations));
             }
 
             // Interpolator
@@ -486,8 +505,4 @@ export class Animation extends AnimationBase {
         this._propertyUpdateCallbacks = this._propertyUpdateCallbacks.concat(propertyUpdateCallbacks);
         this._propertyResetCallbacks = this._propertyResetCallbacks.concat(propertyResetCallbacks);
     }
-
-    private static _getAndroidRepeatCount(iterations: number): number {
-        return (iterations === Number.POSITIVE_INFINITY) ? android.view.animation.Animation.INFINITE : iterations - 1;
-    }
 }
diff --git a/tns-core-modules/ui/animation/animation.d.ts b/tns-core-modules/ui/animation/animation.d.ts
index 02e42000cf..a0c474bfba 100644
--- a/tns-core-modules/ui/animation/animation.d.ts
+++ b/tns-core-modules/ui/animation/animation.d.ts
@@ -36,7 +36,7 @@ export interface AnimationDefinition {
     /**
      * Animates the rotate affine transform of the view. Value should be a number specifying the rotation amount in degrees.
      */
-    rotate?: number;
+    rotate?: number | Point3D;
 
     /**
      * The length of the animation in milliseconds. The default duration is 300 milliseconds.
@@ -86,14 +86,15 @@ export type Transformation = {
 /**
  * Defines possible css transformations
  */
-export type TransformationType = "rotate" |
+export type TransformationType =
+    "rotate" | "rotateX" | "rotateY" |
     "translate" | "translateX" | "translateY" |
     "scale" | "scaleX" | "scaleY";
 
 /**
  * Defines possible css transformation values
  */
-export type TransformationValue = Pair | number;
+export type TransformationValue = Point3D | Pair | number;
 
 /**
  * Defines a pair of values (horizontal and vertical) for translate and scale animations.
@@ -103,12 +104,21 @@ export interface Pair {
     y: number;
 }
 
+/**
+ * Defines a point in 3d space (x, y and z) for rotation in 3d animations.
+ */
+export interface Point3D {
+    x: number;
+    y: number;
+    z: number;
+}
+
 /**
  * Defines full information for css transformation
  */
 export type TransformFunctionsInfo = {
     translate: Pair,
-    rotate: number,
+    rotate: Point3D,
     scale: Pair,
 }
 
diff --git a/tns-core-modules/ui/animation/animation.ios.ts b/tns-core-modules/ui/animation/animation.ios.ts
index 2007b637e0..e7bd064e42 100644
--- a/tns-core-modules/ui/animation/animation.ios.ts
+++ b/tns-core-modules/ui/animation/animation.ios.ts
@@ -3,7 +3,7 @@ import { View } from "../core/view";
 
 import { AnimationBase, Properties, PropertyAnimation, CubicBezierAnimationCurve, AnimationPromise, traceWrite, traceEnabled, traceCategories, traceType } from "./animation-common";
 import {
-    opacityProperty, backgroundColorProperty, rotateProperty,
+    opacityProperty, backgroundColorProperty, rotateProperty, rotateXProperty, rotateYProperty,
     translateXProperty, translateYProperty, scaleXProperty, scaleYProperty
 } from "../styling/style-properties";
 
@@ -16,6 +16,7 @@ let FLT_MAX = 340282346638528859811704183484516925440.000000;
 
 class AnimationInfo {
     public propertyNameToAnimate: string;
+    public subPropertiesToAnimate?: string[];
     public fromValue: any;
     public toValue: any;
     public duration: number;
@@ -72,7 +73,9 @@ class AnimationDelegateImpl extends NSObject implements CAAnimationDelegate {
                 targetStyle[setLocal ? opacityProperty.name : opacityProperty.keyframe] = value;
                 break;
             case Properties.rotate:
-                targetStyle[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value;
+                targetStyle[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.x;
+                targetStyle[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.y;
+                targetStyle[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.z;
                 break;
             case Properties.translate:
                 targetStyle[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.x;
@@ -87,6 +90,11 @@ class AnimationDelegateImpl extends NSObject implements CAAnimationDelegate {
                     targetStyle[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value[Properties.translate].x;
                     targetStyle[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value[Properties.translate].y;
                 }
+                if (value[Properties.rotate] !== undefined) {
+                    targetStyle[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value[Properties.rotate].x;
+                    targetStyle[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value[Properties.rotate].y;
+                    targetStyle[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value[Properties.rotate].z;
+                }
                 if (value[Properties.scale] !== undefined) {
                     let x = value[Properties.scale].x;
                     let y = value[Properties.scale].y;
@@ -260,22 +268,21 @@ export class Animation extends AnimationBase {
     }
 
     private static _getNativeAnimationArguments(animation: PropertyAnimationInfo, valueSource: "animation" | "keyframe"): AnimationInfo {
+        const view = animation.target;
+        const style = view.style;
+        const nativeView = <UIView>view.nativeViewProtected;
 
-        let nativeView = <UIView>animation.target.nativeViewProtected;
         let propertyNameToAnimate = animation.property;
+        let subPropertyNameToAnimate;
         let value = animation.value;
         let originalValue;
-
-        let tempRotate = (animation.target.rotate || 0) * Math.PI / 180;
-        let abs;
-
         let setLocal = valueSource === "animation";
 
         switch (animation.property) {
             case Properties.backgroundColor:
-                animation._originalValue = animation.target.backgroundColor;
+                animation._originalValue = view.backgroundColor;
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? backgroundColorProperty.name : backgroundColorProperty.keyframe] = value;
+                    style[setLocal ? backgroundColorProperty.name : backgroundColorProperty.keyframe] = value;
                 };
                 originalValue = nativeView.layer.backgroundColor;
                 if (nativeView instanceof UILabel) {
@@ -284,33 +291,50 @@ export class Animation extends AnimationBase {
                 value = value.CGColor;
                 break;
             case Properties.opacity:
-                animation._originalValue = animation.target.opacity;
+                animation._originalValue = view.opacity;
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? opacityProperty.name : opacityProperty.keyframe] = value;
+                    style[setLocal ? opacityProperty.name : opacityProperty.keyframe] = value;
                 };
                 originalValue = nativeView.layer.opacity;
                 break;
             case Properties.rotate:
-                animation._originalValue = animation.target.rotate !== undefined ? animation.target.rotate : 0;
+                animation._originalValue = { x: view.rotateX, y: view.rotateY, z: view.rotate };
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value;
+                    style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.z;
+                    style[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.x;
+                    style[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.y;
                 };
+
                 propertyNameToAnimate = "transform.rotation";
-                originalValue = nativeView.layer.valueForKeyPath("transform.rotation");
-                if (animation.target.rotate !== undefined && animation.target.rotate !== 0 && Math.floor(value / 360) - value / 360 === 0) {
-                    originalValue = animation.target.rotate * Math.PI / 180;
+                subPropertyNameToAnimate = ["x", "y", "z"];
+                originalValue = {
+                    x: nativeView.layer.valueForKeyPath("transform.rotation.x"),
+                    y: nativeView.layer.valueForKeyPath("transform.rotation.y"),
+                    z: nativeView.layer.valueForKeyPath("transform.rotation.z")
+                };
+
+                if (animation.target.rotateX !== undefined && animation.target.rotateX !== 0 && Math.floor(value / 360) - value / 360 === 0) {
+                    originalValue.x = animation.target.rotateX * Math.PI / 180;
+                }
+                if (animation.target.rotateY !== undefined && animation.target.rotateY !== 0 && Math.floor(value / 360) - value / 360 === 0) {
+                    originalValue.y = animation.target.rotateY * Math.PI / 180;
                 }
-                value = value * Math.PI / 180;
-                abs = fabs(originalValue - value);
-                if (abs < 0.001 && originalValue !== tempRotate) {
-                    originalValue = tempRotate;
+                if (animation.target.rotate !== undefined && animation.target.rotate !== 0 && Math.floor(value / 360) - value / 360 === 0) {
+                    originalValue.z = animation.target.rotate * Math.PI / 180;
                 }
+
+                // Respect only value.z for back-compat until 3D rotations are implemented
+                value = {
+                    x: value.x * Math.PI / 180,
+                    y: value.y * Math.PI / 180,
+                    z: value.z * Math.PI / 180
+                };
                 break;
             case Properties.translate:
-                animation._originalValue = { x: animation.target.translateX, y: animation.target.translateY };
+                animation._originalValue = { x: view.translateX, y: view.translateY };
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.x;
-                    animation.target.style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.y;
+                    style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.x;
+                    style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.y;
                 };
                 propertyNameToAnimate = "transform";
                 originalValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
@@ -323,10 +347,10 @@ export class Animation extends AnimationBase {
                 if (value.y === 0) {
                     value.y = 0.001;
                 }
-                animation._originalValue = { x: animation.target.scaleX, y: animation.target.scaleY };
+                animation._originalValue = { x: view.scaleX, y: view.scaleY };
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.x;
-                    animation.target.style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.y;
+                    style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.x;
+                    style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.y;
                 };
                 propertyNameToAnimate = "transform";
                 originalValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
@@ -335,14 +359,18 @@ export class Animation extends AnimationBase {
             case _transform:
                 originalValue = NSValue.valueWithCATransform3D(nativeView.layer.transform);
                 animation._originalValue = {
-                    xs: animation.target.scaleX, ys: animation.target.scaleY,
-                    xt: animation.target.translateX, yt: animation.target.translateY
+                    xs: view.scaleX, ys: view.scaleY,
+                    xt: view.translateX, yt: view.translateY,
+                    rx: view.rotateX, ry: view.rotateY, rz: view.rotate
                 };
                 animation._propertyResetCallback = (value, valueSource) => {
-                    animation.target.style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.xt;
-                    animation.target.style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.yt;
-                    animation.target.style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.xs;
-                    animation.target.style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.ys;
+                    style[setLocal ? translateXProperty.name : translateXProperty.keyframe] = value.xt;
+                    style[setLocal ? translateYProperty.name : translateYProperty.keyframe] = value.yt;
+                    style[setLocal ? scaleXProperty.name : scaleXProperty.keyframe] = value.xs;
+                    style[setLocal ? scaleYProperty.name : scaleYProperty.keyframe] = value.ys;
+                    style[setLocal ? rotateXProperty.name : rotateXProperty.keyframe] = value.rx;
+                    style[setLocal ? rotateYProperty.name : rotateYProperty.keyframe] = value.ry;
+                    style[setLocal ? rotateProperty.name : rotateProperty.keyframe] = value.rz;
                 };
                 propertyNameToAnimate = "transform";
                 value = NSValue.valueWithCATransform3D(Animation._createNativeAffineTransform(animation));
@@ -374,6 +402,7 @@ export class Animation extends AnimationBase {
         return {
             propertyNameToAnimate: propertyNameToAnimate,
             fromValue: originalValue,
+            subPropertiesToAnimate: subPropertyNameToAnimate,
             toValue: value,
             duration: duration,
             repeatCount: repeatCount,
@@ -384,18 +413,12 @@ export class Animation extends AnimationBase {
     private static _createNativeAnimation(propertyAnimations: Array<PropertyAnimation>, index: number, playSequentially: boolean, args: AnimationInfo, animation: PropertyAnimation, valueSource: "animation" | "keyframe", finishedCallback: (cancelled?: boolean) => void) {
 
         let nativeView = <UIView>animation.target.nativeViewProtected;
-        let nativeAnimation = CABasicAnimation.animationWithKeyPath(args.propertyNameToAnimate);
-        nativeAnimation.fromValue = args.fromValue;
-        nativeAnimation.toValue = args.toValue;
-        nativeAnimation.duration = args.duration;
-        if (args.repeatCount !== undefined) {
-            nativeAnimation.repeatCount = args.repeatCount;
-        }
-        if (args.delay !== undefined) {
-            nativeAnimation.beginTime = CACurrentMediaTime() + args.delay;
-        }
-        if (animation.curve !== undefined) {
-            nativeAnimation.timingFunction = animation.curve;
+        let nativeAnimation;
+
+        if (args.subPropertiesToAnimate) {
+            nativeAnimation = this._createGroupAnimation(args, animation)
+        } else {
+            nativeAnimation = this._createBasicAnimation(args, animation);
         }
 
         let animationDelegate = AnimationDelegateImpl.initWithFinishedCallback(finishedCallback, animation, valueSource);
@@ -415,6 +438,44 @@ export class Animation extends AnimationBase {
         }
     }
 
+    private static _createGroupAnimation(args: AnimationInfo, animation: PropertyAnimation) {
+        let groupAnimation = new CAAnimationGroup();
+        groupAnimation.duration = args.duration;
+        const animations = NSMutableArray.alloc().initWithCapacity(3);
+
+        args.subPropertiesToAnimate.forEach(property => {
+            const basicAnimationArgs = { ...args };
+            basicAnimationArgs.propertyNameToAnimate = `${args.propertyNameToAnimate}.${property}`;
+            basicAnimationArgs.fromValue = args.fromValue[property];
+            basicAnimationArgs.toValue = args.toValue[property];
+
+            const basicAnimation = this._createBasicAnimation(basicAnimationArgs, animation);
+            animations.addObject(basicAnimation);
+        });
+
+        groupAnimation.animations = animations;
+
+        return groupAnimation;
+    }
+
+    private static _createBasicAnimation(args: AnimationInfo, animation: PropertyAnimation) {
+        let basicAnimation = CABasicAnimation.animationWithKeyPath(args.propertyNameToAnimate);
+        basicAnimation.fromValue = args.fromValue;
+        basicAnimation.toValue = args.toValue;
+        basicAnimation.duration = args.duration;
+        if (args.repeatCount !== undefined) {
+            basicAnimation.repeatCount = args.repeatCount;
+        }
+        if (args.delay !== undefined) {
+            basicAnimation.beginTime = CACurrentMediaTime() + args.delay;
+        }
+        if (animation.curve !== undefined) {
+            basicAnimation.timingFunction = animation.curve;
+        }
+
+        return basicAnimation;
+    }
+
     private static _createNativeSpringAnimation(propertyAnimations: Array<PropertyAnimationInfo>, index: number, playSequentially: boolean, args: AnimationInfo, animation: PropertyAnimationInfo, valueSource: "animation" | "keyframe", finishedCallback: (cancelled?: boolean) => void) {
 
         let nativeView = <UIView>animation.target.nativeViewProtected;
@@ -450,9 +511,6 @@ export class Animation extends AnimationBase {
                     case Properties.opacity:
                         animation.target.opacity = args.toValue;
                         break;
-                    case Properties.rotate:
-                        nativeView.layer.setValueForKey(args.toValue, args.propertyNameToAnimate);
-                        break;
                     case _transform:
                         animation._originalValue = nativeView.layer.transform;
                         nativeView.layer.setValueForKey(args.toValue, args.propertyNameToAnimate);
@@ -468,6 +526,11 @@ export class Animation extends AnimationBase {
                             animation.target.translateX = animation.value[Properties.translate].x;
                             animation.target.translateY = animation.value[Properties.translate].y;
                         }
+                        if (animation.value[Properties.rotate] !== undefined) {
+                            animation.target.rotateX = animation.value[Properties.rotate].x;
+                            animation.target.rotateY = animation.value[Properties.rotate].y;
+                            animation.target.rotate = animation.value[Properties.rotate].z;
+                        }
                         if (animation.value[Properties.scale] !== undefined) {
                             animation.target.scaleX = animation.value[Properties.scale].x;
                             animation.target.scaleY = animation.value[Properties.scale].y;
diff --git a/tns-core-modules/ui/animation/keyframe-animation.ts b/tns-core-modules/ui/animation/keyframe-animation.ts
index 49e6887bce..39ae7b77a5 100644
--- a/tns-core-modules/ui/animation/keyframe-animation.ts
+++ b/tns-core-modules/ui/animation/keyframe-animation.ts
@@ -21,7 +21,7 @@ import {
     backgroundColorProperty,
     scaleXProperty, scaleYProperty,
     translateXProperty, translateYProperty,
-    rotateProperty, opacityProperty
+    rotateProperty, opacityProperty, rotateXProperty, rotateYProperty
 } from "../styling/style-properties";
 
 export class Keyframes implements KeyframesDefinition {
@@ -60,7 +60,7 @@ interface Keyframe {
     backgroundColor?: Color;
     scale?: { x: number, y: number };
     translate?: { x: number, y: number };
-    rotate?: number;
+    rotate?: { x: number, y: number, z: number };
     opacity?: number;
     valueSource?: "keyframe" | "animation";
     duration?: number;
@@ -208,7 +208,9 @@ export class KeyframeAnimation implements KeyframeAnimationDefinition {
                 view.style[translateYProperty.keyframe] = animation.translate.y;
             }
             if ("rotate" in animation) {
-                view.style[rotateProperty.keyframe] = animation.rotate;
+                view.style[rotateXProperty.keyframe] = animation.rotate.x;
+                view.style[rotateYProperty.keyframe] = animation.rotate.y;
+                view.style[rotateProperty.keyframe] = animation.rotate.z;
             }
             if ("opacity" in animation) {
                 view.style[opacityProperty.keyframe] = animation.opacity;
diff --git a/tns-core-modules/ui/core/view/view-common.ts b/tns-core-modules/ui/core/view/view-common.ts
index 1f14c34d65..e5d54d5080 100644
--- a/tns-core-modules/ui/core/view/view-common.ts
+++ b/tns-core-modules/ui/core/view/view-common.ts
@@ -625,6 +625,27 @@ export abstract class ViewCommon extends ViewBase implements ViewDefinition {
         this.style.rotate = value;
     }
 
+    get rotateX(): number {
+        return this.style.rotateX;
+    }
+    set rotateX(value: number) {
+        this.style.rotateX = value;
+    }
+
+    get rotateY(): number {
+        return this.style.rotateY;
+    }
+    set rotateY(value: number) {
+        this.style.rotateY = value;
+    }
+    
+    get perspective(): number {
+        return this.style.perspective;
+    }
+    set perspective(value: number) {
+        this.style.perspective = value;
+    }
+
     get translateX(): dip {
         return this.style.translateX;
     }
diff --git a/tns-core-modules/ui/core/view/view.android.ts b/tns-core-modules/ui/core/view/view.android.ts
index 7e27b8e5ac..f83a7c5077 100644
--- a/tns-core-modules/ui/core/view/view.android.ts
+++ b/tns-core-modules/ui/core/view/view.android.ts
@@ -10,17 +10,18 @@ import {
 } from "./view-common";
 
 import {
-    Length, PercentLength, Visibility, HorizontalAlignment, VerticalAlignment,
+    perspectiveProperty, Length, PercentLength, Visibility, HorizontalAlignment, VerticalAlignment,
     visibilityProperty, opacityProperty, horizontalAlignmentProperty, verticalAlignmentProperty,
     minWidthProperty, minHeightProperty, widthProperty, heightProperty,
     marginLeftProperty, marginTopProperty, marginRightProperty, marginBottomProperty,
-    rotateProperty, scaleXProperty, scaleYProperty, translateXProperty, translateYProperty,
+    rotateProperty, rotateXProperty, rotateYProperty, scaleXProperty, scaleYProperty, translateXProperty, translateYProperty,
     zIndexProperty, backgroundInternalProperty
 } from "../../styling/style-properties";
 
 import { Background, ad as androidBackground } from "../../styling/background";
 import { profile } from "../../../profiling";
 import { topmost } from "../../frame/frame-stack";
+import { screen } from "../../../platform";
 import { AndroidActivityBackPressedEventData, android as androidApp } from "../../../application";
 
 export * from "./view-common";
@@ -788,6 +789,20 @@ export class View extends ViewCommon {
     [rotateProperty.setNative](value: number) {
         org.nativescript.widgets.ViewHelper.setRotate(this.nativeViewProtected, float(value));
     }
+    
+    [rotateXProperty.setNative](value: number) {
+        org.nativescript.widgets.ViewHelper.setRotateX(this.nativeViewProtected, float(value));
+    }
+
+    [rotateYProperty.setNative](value: number) {
+        org.nativescript.widgets.ViewHelper.setRotateY(this.nativeViewProtected, float(value));
+    }
+    
+    [perspectiveProperty.setNative](value: number) {
+       const scale = screen.mainScreen.scale;
+       const distance = value * scale;
+       org.nativescript.widgets.ViewHelper.setPerspective(this.nativeViewProtected, float(distance));
+    }
 
     [scaleXProperty.setNative](value: number) {
         org.nativescript.widgets.ViewHelper.setScaleX(this.nativeViewProtected, float(value));
@@ -872,6 +887,7 @@ export class View extends ViewCommon {
             (<any>nativeView).background = undefined;
         }
     }
+
 }
 
 export class ContainerView extends View {
diff --git a/tns-core-modules/ui/core/view/view.d.ts b/tns-core-modules/ui/core/view/view.d.ts
index 1e4d7dcc20..bfdd178b0f 100644
--- a/tns-core-modules/ui/core/view/view.d.ts
+++ b/tns-core-modules/ui/core/view/view.d.ts
@@ -64,6 +64,11 @@ export interface Point {
      * Represents the y coordinate of the location.
      */
     y: number;
+
+    /**
+     * Represents the z coordinate of the location.
+     */
+    z?: number;
 }
 
 /**
@@ -294,10 +299,26 @@ export abstract class View extends ViewBase {
     opacity: number;
 
     /**
-     * Gets or sets the rotate affine transform of the view.
+     * Gets or sets the rotate affine transform of the view along the Z axis.
      */
     rotate: number;
 
+    /**
+     * Gets or sets the rotate affine transform of the view along the X axis.
+     */
+    rotateX: number;
+
+    /**
+     * Gets or sets the rotate affine transform of the view along the Y axis.
+     */
+    rotateY: number;
+
+    /**
+     * Gets or sets the distance of the camera form the view perspective.
+     * Usually needed when rotating the view over the X or Y axis.
+     */
+    perspective: number;
+
     /**
      * Gets or sets the translateX affine transform of the view in device independent pixels.
      */
diff --git a/tns-core-modules/ui/core/view/view.ios.ts b/tns-core-modules/ui/core/view/view.ios.ts
index 53281f20e9..1ca4dec996 100644
--- a/tns-core-modules/ui/core/view/view.ios.ts
+++ b/tns-core-modules/ui/core/view/view.ios.ts
@@ -10,9 +10,10 @@ import {
 import { ios as iosBackground, Background } from "../../styling/background";
 import { ios as iosUtils } from "../../../utils/utils";
 import {
-    Visibility,
+    perspectiveProperty, Visibility,
     visibilityProperty, opacityProperty,
-    rotateProperty, scaleXProperty, scaleYProperty,
+    rotateProperty, rotateXProperty, rotateYProperty,
+    scaleXProperty, scaleYProperty,
     translateXProperty, translateYProperty, zIndexProperty,
     backgroundInternalProperty, clipPathProperty
 } from "../../styling/style-properties";
@@ -327,18 +328,21 @@ export class View extends ViewCommon {
     public updateNativeTransform() {
         const scaleX = this.scaleX || 1e-6;
         const scaleY = this.scaleY || 1e-6;
-        const rotate = this.rotate || 0;
-        let newTransform = CGAffineTransformIdentity;
-        newTransform = CGAffineTransformTranslate(newTransform, this.translateX, this.translateY);
-        newTransform = CGAffineTransformRotate(newTransform, rotate * Math.PI / 180);
-        newTransform = CGAffineTransformScale(newTransform, scaleX, scaleY);
-        if (!CGAffineTransformEqualToTransform(this.nativeViewProtected.transform, newTransform)) {
+        let perspective = this.perspective || 300;
+
+        let transform = CATransform3DIdentity;
+        transform.m34 = -1 / perspective;
+        transform = CATransform3DTranslate(transform, this.translateX, this.translateY, 0);
+        transform = iosUtils.applyRotateTransform(transform, this.rotateX, this.rotateY, this.rotate);
+        transform = CATransform3DScale(transform, scaleX, scaleY, 1);
+        this.ios.layer.transform = transform;
+        if (!CATransform3DEqualToTransform(this.ios.layer.transform, transform)) {
             const updateSuspended = this._isPresentationLayerUpdateSuspeneded();
             if (!updateSuspended) {
                 CATransaction.begin();
             }
-            this.nativeViewProtected.transform = newTransform;
-            this._hasTransfrom = this.nativeViewProtected && !CGAffineTransformEqualToTransform(this.nativeViewProtected.transform, CGAffineTransformIdentity);
+            this.ios.layer.transform = transform;
+            this._hasTransfrom = this.nativeViewProtected && !CATransform3DEqualToTransform(this.nativeViewProtected.layer.transform, CATransform3DIdentity);
             if (!updateSuspended) {
                 CATransaction.commit();
             }
@@ -534,6 +538,27 @@ export class View extends ViewCommon {
         this.updateNativeTransform();
     }
 
+    [rotateXProperty.getDefault](): number {
+        return 0;
+    }
+    [rotateXProperty.setNative](value: number) {
+        this.updateNativeTransform();
+    }
+
+    [rotateYProperty.getDefault](): number {
+        return 0;
+    }
+    [rotateYProperty.setNative](value: number) {
+        this.updateNativeTransform();
+    }
+
+    [perspectiveProperty.getDefault](): number {
+        return 300;
+    }
+    [perspectiveProperty.setNative](value: number) {
+        this.updateNativeTransform();
+    }
+
     [scaleXProperty.getDefault](): number {
         return 1;
     }
diff --git a/tns-core-modules/ui/styling/style-properties.ts b/tns-core-modules/ui/styling/style-properties.ts
index 185446827d..3dfb410439 100644
--- a/tns-core-modules/ui/styling/style-properties.ts
+++ b/tns-core-modules/ui/styling/style-properties.ts
@@ -1,8 +1,10 @@
 // Types
-import { unsetValue, Style,
+import {
+    unsetValue, Style,
     CssProperty, CssAnimationProperty,
     ShorthandProperty, InheritedCssProperty,
-    makeValidator, makeParser } from "../core/properties";
+    makeValidator, makeParser
+} from "../core/properties";
 import {
     Transformation,
     TransformationValue,
@@ -391,6 +393,15 @@ function convertToPaddings(this: void, value: string | Length): [CssProperty<any
 export const rotateProperty = new CssAnimationProperty<Style, number>({ name: "rotate", cssName: "rotate", defaultValue: 0, valueConverter: parseFloat });
 rotateProperty.register(Style);
 
+export const rotateXProperty = new CssAnimationProperty<Style, number>({ name: "rotateX", cssName: "rotatex", defaultValue: 0, valueConverter: parseFloat });
+rotateXProperty.register(Style);
+
+export const rotateYProperty = new CssAnimationProperty<Style, number>({ name: "rotateY", cssName: "rotatey", defaultValue: 0, valueConverter: parseFloat });
+rotateYProperty.register(Style);
+
+export const perspectiveProperty = new CssAnimationProperty<Style, number>({ name: "perspective", cssName: "perspective", defaultValue: 1000, valueConverter: parseFloat });
+perspectiveProperty.register(Style);
+
 export const scaleXProperty = new CssAnimationProperty<Style, number>({ name: "scaleX", cssName: "scaleX", defaultValue: 1, valueConverter: parseFloat });
 scaleXProperty.register(Style);
 
@@ -419,6 +430,8 @@ const transformProperty = new ShorthandProperty<Style, string>({
         let translateX = this.translateX;
         let translateY = this.translateY;
         let rotate = this.rotate;
+        let rotateX = this.rotateX;
+        let rotateY = this.rotateY;
         let result = "";
         if (translateX !== 0 || translateY !== 0) {
             result += `translate(${translateX}, ${translateY}) `;
@@ -426,8 +439,9 @@ const transformProperty = new ShorthandProperty<Style, string>({
         if (scaleX !== 1 || scaleY !== 1) {
             result += `scale(${scaleX}, ${scaleY}) `;
         }
-        if (rotate !== 0) {
-            result += `rotate (${rotate})`;
+
+        if (rotateX !== 0 || rotateY !== 0 || rotate !== 0) {
+            result += `rotate(${rotateX}, ${rotateY}, ${rotate}) `;
         }
 
         return result.trim();
@@ -438,13 +452,16 @@ transformProperty.register(Style);
 
 const IDENTITY_TRANSFORMATION = {
     translate: { x: 0, y: 0 },
-    rotate: 0,
+    rotate: { x: 0, y: 0, z: 0 },
     scale: { x: 1, y: 1 },
 };
 
 const TRANSFORM_SPLITTER = new RegExp(/\s*(.+?)\((.*?)\)/g);
 const TRANSFORMATIONS = Object.freeze([
     "rotate",
+    "rotateX",
+    "rotateY",
+    "rotate3d",
     "translate",
     "translate3d",
     "translateX",
@@ -466,7 +483,28 @@ const STYLE_TRANSFORMATION_MAP = Object.freeze({
     "translateX": ({ x }) => ({ property: "translate", value: { x, y: IDENTITY_TRANSFORMATION.translate.y } }),
     "translateY": ({ y }) => ({ property: "translate", value: { y, x: IDENTITY_TRANSFORMATION.translate.x } }),
 
-    "rotate": value => ({ property: "rotate", value }),
+    "rotate3d": value => ({ property: "rotate", value }),
+    "rotateX": (x) => ({
+        property: "rotate", value: {
+            x,
+            y: IDENTITY_TRANSFORMATION.rotate.y,
+            z: IDENTITY_TRANSFORMATION.rotate.z
+        }
+    }),
+    "rotateY": (y) => ({
+        property: "rotate", value: {
+            x: IDENTITY_TRANSFORMATION.rotate.x,
+            y,
+            z: IDENTITY_TRANSFORMATION.rotate.z
+        }
+    }),
+    "rotate": (z) => ({
+        property: "rotate", value: {
+            x: IDENTITY_TRANSFORMATION.rotate.x,
+            y: IDENTITY_TRANSFORMATION.rotate.y,
+            z
+        }
+    }),
 });
 
 function convertToTransform(value: string): [CssProperty<any, any>, any][] {
@@ -482,7 +520,9 @@ function convertToTransform(value: string): [CssProperty<any, any>, any][] {
         [scaleXProperty, scale.x],
         [scaleYProperty, scale.y],
 
-        [rotateProperty, rotate],
+        [rotateProperty, rotate.z],
+        [rotateXProperty, rotate.x],
+        [rotateYProperty, rotate.y],
     ];
 }
 
@@ -537,13 +577,13 @@ function normalizeTransformation({ property, value }: Transformation): Transform
 function convertTransformValue(property: string, stringValue: string)
     : TransformationValue {
 
-    const [x, y = x] = stringValue.split(",").map(parseFloat);
+    const [x, y = x, z = y] = stringValue.split(",").map(parseFloat);
 
-    if (property === "rotate") {
+    if (property === "rotate" || property === "rotateX" || property === "rotateY") {
         return stringValue.slice(-3) === "rad" ? radiansToDegrees(x) : x;
     }
 
-    return { x, y };
+    return { x, y, z };
 }
 
 // Background properties.
diff --git a/tns-core-modules/ui/styling/style-scope.ts b/tns-core-modules/ui/styling/style-scope.ts
index 3c0823f411..7b6e2849c0 100644
--- a/tns-core-modules/ui/styling/style-scope.ts
+++ b/tns-core-modules/ui/styling/style-scope.ts
@@ -440,6 +440,8 @@ export class CssState {
         this._appliedAnimations = CssState.emptyAnimationArray;
 
         this.view.style["keyframe:rotate"] = unsetValue;
+        this.view.style["keyframe:rotateX"] = unsetValue;
+        this.view.style["keyframe:rotateY"] = unsetValue;
         this.view.style["keyframe:scaleX"] = unsetValue;
         this.view.style["keyframe:scaleY"] = unsetValue;
         this.view.style["keyframe:translateX"] = unsetValue;
diff --git a/tns-core-modules/ui/styling/style/style.d.ts b/tns-core-modules/ui/styling/style/style.d.ts
index b7c0091c87..e2e89f269a 100644
--- a/tns-core-modules/ui/styling/style/style.d.ts
+++ b/tns-core-modules/ui/styling/style/style.d.ts
@@ -53,6 +53,9 @@ export class Style extends Observable {
     public backgroundInternal: Background;
 
     public rotate: number;
+    public rotateX: number;
+    public rotateY: number;
+    public perspective: number;
     public scaleX: number;
     public scaleY: number;
     public translateX: dip;
diff --git a/tns-core-modules/ui/styling/style/style.ts b/tns-core-modules/ui/styling/style/style.ts
index 656aa14f9a..4b5c45b095 100644
--- a/tns-core-modules/ui/styling/style/style.ts
+++ b/tns-core-modules/ui/styling/style/style.ts
@@ -26,6 +26,10 @@ export class Style extends Observable implements StyleDefinition {
     public backgroundInternal: Background;
 
     public rotate: number;
+    public rotateX: number;
+    public rotateY: number;
+    public perspective: number;
+    
     public scaleX: number;
     public scaleY: number;
     public translateX: dip;
diff --git a/tns-core-modules/utils/utils.d.ts b/tns-core-modules/utils/utils.d.ts
index 1b8fe4959f..37ce77a538 100644
--- a/tns-core-modules/utils/utils.d.ts
+++ b/tns-core-modules/utils/utils.d.ts
@@ -191,7 +191,7 @@ export module ios {
      * Will not work on delegates since it checks if the propertyValue is a function, and delegates are marshalled as functions.
      * Example: getter(NSRunLoop, NSRunLoop.currentRunLoop).runUntilDate(NSDate.dateWithTimeIntervalSinceNow(waitTime));
      */
-    export function getter<T>(_this: any, propertyValue: T | {(): T}): T;
+    export function getter<T>(_this: any, propertyValue: T | { (): T }): T;
 
     // Common properties between UILabel, UITextView and UITextField
     export interface TextUIView {
@@ -255,7 +255,17 @@ export module ios {
      * @param rootViewController The root UIViewController instance to start searching from (normally window.rootViewController).
      * Returns the visible UIViewController.
      */
-    export function getVisibleViewController(rootViewController: any/* UIViewController*/ ): any/* UIViewController*/;
+    export function getVisibleViewController(rootViewController: any/* UIViewController*/): any/* UIViewController*/;
+
+    /**
+     * 
+     * @param transform Applies a rotation transform over X,Y and Y axis
+     * @param x Rotation over X axis in degrees
+     * @param y Rotation over Y axis in degrees
+     * @param z Rotation over Z axis in degrees
+     */
+    export function applyRotateTransform(transform: any /* CATransform3D*/, x: number, y: number, z: number): any /* CATransform3D*/;
+
 }
 
 /**
diff --git a/tns-core-modules/utils/utils.ios.ts b/tns-core-modules/utils/utils.ios.ts
index 976a43880f..e797799b2b 100644
--- a/tns-core-modules/utils/utils.ios.ts
+++ b/tns-core-modules/utils/utils.ios.ts
@@ -5,6 +5,8 @@
 import { layout as layoutCommon } from "./utils-common";
 export * from "./utils-common";
 
+const radToDeg = Math.PI / 180;
+
 let mainScreenScale;
 
 function isOrientationLandscape(orientation: number) {
@@ -135,6 +137,21 @@ export module ios {
 
     }
 
+    export function applyRotateTransform(transform: CATransform3D, x: number, y: number, z: number): CATransform3D {
+        if (x) {
+            transform = CATransform3DRotate(transform, x * radToDeg, 1, 0, 0);
+        }
+
+        if (y) {
+            transform = CATransform3DRotate(transform, y * radToDeg, 0, 1, 0);
+        }
+
+        if (z) {
+            transform = CATransform3DRotate(transform, z * radToDeg, 0, 0, 1);
+        }
+
+        return transform;
+    }
 }
 
 export function GC() {
diff --git a/tns-platform-declarations/android/org.nativescript.widgets.d.ts b/tns-platform-declarations/android/org.nativescript.widgets.d.ts
index 053e9c728e..8a7920bb8c 100644
--- a/tns-platform-declarations/android/org.nativescript.widgets.d.ts
+++ b/tns-platform-declarations/android/org.nativescript.widgets.d.ts
@@ -515,6 +515,14 @@
                 public static getRotate(view: android.view.View): number;
                 public static setRotate(view: android.view.View, value: number): void;
 
+                public static getRotateX(view: android.view.View): number;
+                public static setRotateX(view: android.view.View, value: number): void;
+
+                public static getRotateY(view: android.view.View): number;
+                public static setRotateY(view: android.view.View, value: number): void;
+
+                public static setPerspective(view: android.view.View, value: number): void;
+
                 public static getScaleX(view: android.view.View): number;
                 public static setScaleX(view: android.view.View, value: number): void;