Demo for Chrome and IE

cyr15103 · Sep 12, 2017 · ab78af3 · ab78af3
1 parent 38298ad
commit ab78af3
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/demo/demo.css b/demo/demo.css
@@ -0,0 +1,28 @@
+
+
+.rotated-box {
+	transform: rotateZ(20deg);;
+	height:100px;
+	background-color:blue;
+	width:50%;
+	margin-top:10%;
+	margin-left:2%;
+	color:white;
+	padding-top: 20px;
+}
+
+.rotated-box2 {
+	transform: rotate(20deg);
+	height:100px;
+	background-color:blue;
+	width:50%;
+	margin-top:10%;
+	margin-left:2%;
+	color:white;
+	padding-top: 20px;
+}
+p {
+	margin-left:40px;
+	margin-right:40px;
+
+}
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>Demo</title>
+	 <link rel="stylesheet" type="text/css" href="demo.css">
+</head>
+<body>
+<h1>Demo</h1>
+<div class="rotated-box">
+<p>This is a css transform demo to show how newer elements may not work depending on the browser.</p>
+</div>
+
+<div class="rotated-box2">
+<p>This is a css transform demo to show how newer elements may not work depending on the browser.</p>
+</div>
+</body>
+</html>