From ab78af318e27b47dcd88260a853927ac9c8c5653 Mon Sep 17 00:00:00 2001 From: Cynthia Date: Mon, 11 Sep 2017 22:27:16 -0400 Subject: [PATCH] Demo for Chrome and IE --- demo/demo.css | 28 ++++++++++++++++++++++++++++ demo/index.html | 18 ++++++++++++++++++ 2 files changed, 46 insertions(+) create mode 100644 demo/demo.css create mode 100644 demo/index.html diff --git a/demo/demo.css b/demo/demo.css new file mode 100644 index 0000000..e9c10ae --- /dev/null +++ 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 new file mode 100644 index 0000000..d01947e --- /dev/null +++ b/demo/index.html @@ -0,0 +1,18 @@ + + + + + Demo + + + +

Demo

+
+

This is a css transform demo to show how newer elements may not work depending on the browser.

+
+ +
+

This is a css transform demo to show how newer elements may not work depending on the browser.

+
+ + \ No newline at end of file