add pink speedy (#2887)

Co-authored-by: jacob-dowdy <jacobdowdy7@gmail.com> Co-authored-by: Laureline Paris <32878345+LaurelineP@users.noreply.github.com>
zero-to-mastery · Nov 12, 2024 · e89b3c5 · e89b3c5
1 parent 428e70f
commit e89b3c5
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 0 deletions.
diff --git a/Art/jaydeecodez-pink_speedy/index.html b/Art/jaydeecodez-pink_speedy/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pink Speedy</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div id="main-circle">
+    </div>
+</body>
+</html>
diff --git a/Art/jaydeecodez-pink_speedy/meta.json b/Art/jaydeecodez-pink_speedy/meta.json
@@ -0,0 +1,4 @@
+{
+    "artName": "pink_speedy",
+    "githubHandle": "jaydeecodez"
+}
diff --git a/Art/jaydeecodez-pink_speedy/styles.css b/Art/jaydeecodez-pink_speedy/styles.css
@@ -0,0 +1,23 @@
+body {
+    background-color: #89CFF0;
+}
+
+#main-circle {
+    background-color: pink;
+    height: 400px;
+    width: 600px;
+    border-radius: 180;
+    margin-top: -20px;
+    border: black dashed 5px;
+    animation: 
+        1s linear 0s infinite alternate pinky2;
+}
+
+@keyframes pinky2 {
+    from {
+      transform: translateY(0);
+    }
+    to {
+      transform: translateX(100vw);
+    }
+  }