Browse Source

added animation to settings icon

TheBaum123 2 years ago
parent
commit
3ee27aebe4
1 changed files with 10 additions and 0 deletions
  1. 10 0
      styles/main.css

+ 10 - 0
styles/main.css

@@ -45,4 +45,14 @@ ion-icon[name="settings-outline"]:hover {
     background-color: var(--purple-highlighter);
     transform: scale(1.25);
     cursor: pointer;
+    animation: spin 1.5s ease 250ms;
+}
+
+@keyframes spin {
+    from {
+        transform: scale(1.25) rotate(0);
+    }
+    to {
+        transform: scale(1.25) rotate(720deg);
+    }
 }