diff --git a/app.css b/app.css
new file mode 100644
index 0000000..8178e61
--- /dev/null
+++ b/app.css
@@ -0,0 +1,66 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ background-color: turquoise;
+}
+
+.container {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ perspective: 800px;
+}
+
+.dice {
+ position: relative;
+ transform-style: preserve-3d;
+ animation: rotation 5s linear infinite;
+ transform: rotateX(90deg) rotateY(90deg);
+}
+
+@keyframes rotation {
+ 0% {
+ transform: rotateY(0);
+ }
+ 100% {
+ transform: rotateY(360deg);
+ }
+}
+
+.face {
+ height: 250px;
+ width: 250px;
+ box-sizing: border-box;
+ border: 5px solid black;
+ position: absolute;
+ opacity: 0.5;
+}
+.opacityClass{
+ opacity: 1;
+}
+
+.front {
+ transform: translateX(-125px) translateY(-125px) translateZ(125px);
+ background-color: red;
+}
+.back {
+ transform: translateX(-125px) translateY(-125px) translateZ(-125px);
+ background-color: yellow;
+}
+.left {
+ transform: translateX(-250px) translateY(-125px) rotateY(90deg);
+ background-color: blue;
+}
+.right {
+ transform: translateY(-125px) rotateY(90deg);
+ background-color: pink;
+}
+.top {
+ transform: translateX(-125px) translateY(-250px) rotateX(90deg);
+ background-color: green;
+}
+.bottom {
+ transform: translateX(-125px) rotateX(90deg);
+ background-color: peru;
+}
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..b149347
--- /dev/null
+++ b/app.js
@@ -0,0 +1,15 @@
+const consolee = () => {
+ console.log("clicked");
+
+ var elem = document.getElementById("btnId");
+ if (elem.value == "Back Visibility On") {
+ elem.value = "Back Visibility Off";
+ } else {
+ elem.value = "Back Visibility On";
+ }
+
+ var testarray = document.getElementsByClassName("face");
+ for (var i = 0; i < testarray.length; i++) {
+ testarray.item(i).classList.toggle("opacityClass");
+ }
+};
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..637d548
--- /dev/null
+++ b/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+ 3D Dice
+
+
+
+
+
front
+
back
+
left
+
right
+
top
+
bottom
+
+