瀏覽代碼

added animation to settings icon

TheBaum123 2 年之前
父節點
當前提交
3ee27aebe4
共有 1 個文件被更改,包括 10 次插入0 次删除
  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);
     background-color: var(--purple-highlighter);
     transform: scale(1.25);
     transform: scale(1.25);
     cursor: pointer;
     cursor: pointer;
+    animation: spin 1.5s ease 250ms;
+}
+
+@keyframes spin {
+    from {
+        transform: scale(1.25) rotate(0);
+    }
+    to {
+        transform: scale(1.25) rotate(720deg);
+    }
 }
 }