Love/favorite animations easter egg

STForScratch · Aug 26, 2023 · 98e6f0d · 98e6f0d
1 parent 4cfcf66
commit 98e6f0d
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/features/features.json b/features/features.json
@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "love-fave-animate",
+    "versionAdded": "v3.2.0"
+  },
   {
     "version": 2,
     "id": "default-to-local",

diff --git a/features/love-fave-animate/data.json b/features/love-fave-animate/data.json
@@ -0,0 +1,10 @@
+{
+  "title": "Love Animations",
+  "description": "Animates the clicking of the love and favorite buttons on project pages.",
+  "credits": [
+    { "username": "NcTV-", "url": "https://scratch.mit.edu/users/NcTV-/" },
+    { "username": "rgantzos", "url": "https://scratch.mit.edu/users/rgantzos/" }
+  ],
+  "type": ["Website", "Egg"],
+  "styles": [{ "file": "style.css", "runOn": "/projects/*" }]
+}
diff --git a/features/love-fave-animate/style.css b/features/love-fave-animate/style.css
@@ -0,0 +1,23 @@
+.project-favorites.favorited:before {
+  animation-duration: 0.5s;
+  animation-name: popButton;
+}
+
+.project-loves.loved:before {
+  animation-duration: 0.5s;
+  animation-name: popButton;
+}
+
+@keyframes popButton {
+  from {
+    transform: scale(100%) rotate(0deg);
+  }
+
+  50% {
+    transform: scale(150%) rotate(200deg);
+  }
+
+  to {
+    transform: scale(100%) rotate(360deg);
+  }
+}