[#37] Login & Register Page UI

https://project.mdnd-it.cc/work_packages/37
2025-05-16 20:08:24 +00:00
parent a231fa4b5e
commit f089d314ca
18 changed files with 561 additions and 21 deletions
@@ -0,0 +1,95 @@
+.animation {
+    animation: fill 0.5s ease forwards 2.9s;
+}
+
+.path0 {
+    stroke-dasharray: 603.0596923828125;
+    stroke-dashoffset: 603.0596923828125;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.45s;
+}
+
+.path1 {
+    stroke-dasharray: 503.0904846191406;
+    stroke-dashoffset: 503.0904846191406;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.5s;
+}
+
+.path2 {
+    stroke-dasharray: 625.779541015625;
+    stroke-dashoffset: 625.779541015625;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.45s;
+}
+
+.path3 {
+    stroke-dasharray: 714.129638671875;
+    stroke-dashoffset: 714.129638671875;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.4s;
+}
+
+.path4 {
+    stroke-dasharray: 427.98114013671875;
+    stroke-dashoffset: 427.98114013671875;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.35s;
+}
+
+.path5 {
+    stroke-dasharray: 593.7645263671875;
+    stroke-dashoffset: 593.7645263671875;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.3s;
+}
+
+.path6 {
+    stroke-dasharray: 603.0399780273438;
+    stroke-dashoffset: 603.0399780273438;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.25s;
+}
+
+.path7 {
+    stroke-dasharray: 731.757568359375;
+    stroke-dashoffset: 731.757568359375;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.2s;
+}
+
+.path8 {
+    stroke-dasharray: 382.3065185546875;
+    stroke-dashoffset: 382.3065185546875;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.2s;
+}
+
+.path9 {
+    stroke-dasharray: 603.0382690429688;
+    stroke-dashoffset: 603.0382690429688;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.15s;
+}
+
+.path10 {
+    stroke-dasharray: 652.2447509765625;
+    stroke-dashoffset: 652.2447509765625;
+    animation: draw 3s ease-in-out forwards;
+    animation-delay: 0.1s;
+}
+
+@keyframes draw {
+    to {
+        stroke-dashoffset: 0;
+    }
+}
+
+@keyframes fill {
+    from {
+        fill: transparent;
+    }
+    to {
+        fill: #ffffff;
+    }
+}