Initial commit

1 files changed, 36 insertions, 0 deletions

diff --git a/css/loader.css b/css/loader.css
new file mode 100644
index 0000000..c0f2bce
--- /dev/null
+++ b/css/loader.css
@@ -0,0 +1,36 @@
+.loader-path {
+    fill: none;
+    stroke: black;
+    stroke-width: 3px;
+    stroke-linecap: round;
+    stroke-dasharray: 10, 10;
+}
+
+@keyframes rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.circular-loader {
+    animation: rotate 2s linear infinite;
+}
+
+@keyframes animate-stroke {
+    0% {
+        stroke-dasharray: 1, 200;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -35;
+    }
+    100% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -124;
+    }
+}
+
+.loader-path {
+    animation: animate-stroke 1.5s ease-in-out infinite;
+}
\ No newline at end of file