调整签名动画效果

CatCodeMe · CatCodeMe · commit 8e2eb8c61285 · 2025-08-18T15:50:27.000+08:00
diff --git a/src/assets/signature.svg b/src/assets/signature.svg
@@ -1,8 +1,8 @@
 <svg width="650" height="200" xmlns="http://www.w3.org/2000/svg">
   <style>
     .animated-path {
-      stroke: #333;
-      stroke-width: 5;
+      stroke: black;
+      stroke-width: 3;
       fill: none;
       stroke-linecap: round;
       stroke-linejoin: round;
@@ -14,21 +14,29 @@
     @keyframes draw {
       0% {
         stroke-dashoffset: 2500;
+        opacity: 1;
       }
-      80% {
+      70% {
         stroke-dashoffset: 0;
+        opacity: 1;
       }
       85% {
         stroke-dashoffset: 0;
+        opacity: 1;
+      }
+      95% {
+        stroke-dashoffset: 0;
+        opacity: 0;
       }
       100% {
         stroke-dashoffset: 2500;
+        opacity: 0;
       }
     }
     
     @media (prefers-color-scheme: dark) {
       .animated-path {
-        stroke: #ccc;
+        stroke: #e0e0e0;
       }
     }
   </style>
