adding my very beginner project (#2925)

BranchAndVine · web-flow · commit 17b23a07f521 · 2025-03-15T16:20:29.000+01:00
diff --git a/Art/BranchAndVine-EclecticArtwork/index.html b/Art/BranchAndVine-EclecticArtwork/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+   <link rel="stylesheet" type="text/css" href="Art\BranchAndVine-EclecticArtwork\styles.css">
+</head>
+<body>
+    <div id="rectangle"></div>
+</body>
+</html>
diff --git a/Art/BranchAndVine-EclecticArtwork/meta.json b/Art/BranchAndVine-EclecticArtwork/meta.json
@@ -0,0 +1,4 @@
+{
+    "artName": "Eclectic Artwork",
+    "githubHandle": "BranchAndVine"
+}
diff --git a/Art/BranchAndVine-EclecticArtwork/styles.css b/Art/BranchAndVine-EclecticArtwork/styles.css
@@ -0,0 +1,40 @@
+div square {
+    width: 500px;
+    height: 500px;
+    background-color: aquamarine;
+}
+
+square:hover{
+    animation-name: do-something;
+
+}
+
+@keyframes do-something {
+    0% {
+        background-color: aquamarine;
+    }
+
+    15% {
+        background-color: aqua;
+    }
+
+    30% {
+        background-color: rgb(43, 134, 195);
+    }
+
+    50% {
+        background-color: blue;
+    }
+
+    70% {
+        background-color: blueviolet;
+    }
+
+    90% {
+        background-color: purple;
+    }
+
+    100% {
+        background-color: darkmagenta;
+    }
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "artName": "Eclectic Artwork",
 +    "githubHandle": "BranchAndVine"
 +}