Styles: Add new animated class and file 'loading-icon.scss'

ITurres · Mar 5, 2024 · 2df9c93 · 2df9c93
1 parent e48e55d
commit 2df9c93
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/styles/animations/loading-icon.scss b/src/styles/animations/loading-icon.scss
@@ -0,0 +1,16 @@
+.loading-icon {
+  animation: spin 1s linear infinite;
+  -webkit-animation: spin 1s linear infinite; // * Safari and Chrome.
+  -moz-animation: spin 1s linear infinite; // * Firefox.
+  -o-animation: spin 1s linear infinite; // * Opera.
+
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}