style: dash动画

2025-12-24 16:46:09 +08:00
parent 4943b7b611
commit 4378d85fe8
1 changed files with 20 additions and 0 deletions
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@ -1,5 +1,25 @@
@import "tailwindcss";
@plugin "@tailwindcss/forms";
+
+@theme {
+  --animate-dash: dash 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+
+  @keyframes dash {
+    0% {
+      stroke-dasharray: 1, 150;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 90, 150;
+      stroke-dashoffset: -40;
+    }
+    100% {
+      stroke-dasharray: 90, 150;
+      stroke-dashoffset: -120;
+    }
+  }
+}
+
@plugin "daisyui" {
  logs: false;
 }