Add files via upload

codesnakers · Feb 12, 2023 · 79e76bf · 79e76bf
1 parent 8c488ba
commit 79e76bf
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,36 @@
+body{
+    margin: 0;
+}
+.score-board{
+    text-align: center;
+    font-size: 36px;
+    color: red;
+}
+.game-board{
+    width: 80%;
+    height: 80vw; 
+    border: solid 1px black;
+    margin: 0 auto;
+    display: flex;
+    flex-wrap: wrap;
+}
+.box{
+    /*border: solid 1px red;*/
+    width: calc(100% / 9);
+    height: calc(100% / 9);
+    /*transition: background 0.8s, transform 0.8s;*/
+    transition:transform 0.5s;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+.c0{ background-image: url(/images/blue-candy.png); }
+.c1{ background-image: url(/images/green-candy.png); }
+.c2{ background-image: url(/images/orange-candy.png); }
+.c3{ background-image: url(/images/purple-candy.png); }
+.c4{ background-image: url(/images/red-candy.png); }
+.c5{ background-image: url(/images/yellow-candy.png); }
+
+[data-toberemoved]{
+    transform: scale(1.3);
+    /*opacity: 0.8;*/
+}
diff --git a/images/blue-candy.png b/images/blue-candy.png
diff --git a/images/green-candy.png b/images/green-candy.png
diff --git a/images/orange-candy.png b/images/orange-candy.png
diff --git a/images/purple-candy.png b/images/purple-candy.png
diff --git a/images/red-candy.png b/images/red-candy.png
diff --git a/images/yellow-candy.png b/images/yellow-candy.png