Bryansoftware (#2918)

* adding my art to the project * adding the title * added morph animation
zero-to-mastery · Feb 23, 2025 · 45ba9eb · 45ba9eb
1 parent 25b38ba
commit 45ba9eb
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/Art/bryansoftware-art/index.html b/Art/bryansoftware-art/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="styles.css">
+	<title>bryansoftware-art</title>
+</head>
+<body>
+	<div id="main"></div>
+</body>
+</html>
diff --git a/Art/bryansoftware-art/meta.json b/Art/bryansoftware-art/meta.json
@@ -0,0 +1,4 @@
+{
+  "artName": "art",
+  "githubHandle": "bryansoftware"
+}
diff --git a/Art/bryansoftware-art/styles.css b/Art/bryansoftware-art/styles.css
@@ -0,0 +1,24 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  background-color: #887CAF;
+  padding: 100px;
+}
+
+@keyframes morph {
+  0%   {background-color:#2B4970;}
+  20%  {background-color:#AA9239; border-radius: 25px 50px 50px 50px;}
+  40%  {background-color:#AA6339; border-radius: 50px 50px 25px 50px;}
+  60%  {background-color:#554300; border-radius: 50px 25px 50px 50px;}
+  80%  {background-color:#051B38; border-radius: 50px 50px 50px 25px;}
+  100% {background-color:#2B4970; border-radius: 50px;}
+}
+
+#main {
+  width: 100px;
+  height: 100px;
+  border-radius: 50px;
+  background-color: #051B38;
+  animation: morph 10s infinite;
+}