Merge pull request #675 from rgantzos/main

Author: rgantzos

features/features.json

@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "love-fave-animate",
+    "versionAdded": "v3.2.0"
+  },
   {
     "version": 2,
     "id": "default-to-local",

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/*" }]
+}

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);
+  }
+}