Merge pull request #1713 from nfluk/master

first commit
zero-to-mastery · Sep 6, 2023 · 1560856 · 1560856
2 parents 99cbb06 + 9bfcfe7
commit 1560856
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 0 deletions.
diff --git a/Art/nfluk/Screenshot.png b/Art/nfluk/Screenshot.png
diff --git a/Art/nfluk/index.html b/Art/nfluk/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Animation</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <container>
+      <button>SpIn Me!</button>
+    </container>
+  </body>
+</html>
diff --git a/Art/nfluk/style.css b/Art/nfluk/style.css
@@ -0,0 +1,29 @@
+body {
+  background-color: black;
+}
+
+container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+button {
+  background-image: linear-gradient(45deg, blue, red);
+  height: 5rem;
+  width: 5rem;
+  border-radius: 10px;
+  font-weight: 900;
+  animation: rotate 25s infinite ease-out paused;
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(7360deg) scale(15);
+  }
+}
+
+button:hover {
+  animation-play-state: running;
+}
diff --git a/include.js b/include.js
@@ -6532,6 +6532,13 @@ let cards = [
     imageLink: './Art/marion/smiles.gif',
     author: 'Marion',
     githubLink: 'https://github.com/marionjudy13'
+  },
+  {
+    artName: 'Spinning Button',
+    pageLink: './Art/nfluk/index.html',
+    imageLink: './Art/nfluk/Screenshot.png',
+    author: 'nfluk',
+    githubLink: 'https://github.com/nfluk'
   }
 ];