Transform: rotate property added

nikkaroraa · nikkaroraa · commit f918022dbd78 · 2017-07-27T18:42:48.000+05:30
diff --git a/transforms/index.html b/transforms/index.html
@@ -5,8 +5,10 @@
 	<title>Transform Property</title>
 	<!--
 		<link href="./styles/translate.css" rel="stylesheet" />
-	-->
+	
 		<link href="./styles/scale.css" rel="stylesheet" />
+	-->
+		<link href="./styles/rotate.css" rel="stylesheet" />
 </head>
 <body>
 	<div class="container">
diff --git a/transforms/styles/rotate.css b/transforms/styles/rotate.css
@@ -0,0 +1,15 @@
+.container{
+	text-align: center;
+}
+
+img {
+	
+	
+	-ms-transform: rotateX(30deg) rotateY(40deg); /* IE 9 */
+	-webkit-transform: rotateX(30deg) rotateY(40deg); /* Chrome, Safari, Opera */
+	transform: rotateX(30deg) rotateY(40deg);
+	
+	/*
+	transform: rotateX(30deg, 40deg);
+	*/
+}
diff --git a/transforms/styles/scale.css b/transforms/styles/scale.css
@@ -12,4 +12,4 @@ img {
 	/*
 	transform: scale(3, 4);
 	*/
-}
+}

-Original file line number
+Diff line change
 	/*
 	transform: scale(3, 4);
 	*/
 -}
 +}