fix(link): animation improved

computas · Jan 10, 2025 · c6b3f1b · c6b3f1b
1 parent 3001499
commit c6b3f1b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/lib/components/link/link.css b/packages/lib/components/link/link.css
@@ -1,6 +1,6 @@
 @keyframes waveline {
   to {
-    background-position: 150px;
+    background-position: 16px;
   }
 }
 
@@ -37,7 +37,7 @@
 
   &::after {
     opacity: 0;
-    animation: waveline 6s linear infinite;
+    animation: waveline 0.5s linear infinite;
     background-image: url('data:image/svg+xml,<svg width="18" height="7" viewBox="0 0 18 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.57715 4.17283C4.4006 5.46648 2.86064 7 0 7V5C1.96863 5 3.00041 4.03352 4.09755 2.82717C4.18247 2.7338 4.26911 2.63679 4.3579 2.53738C5.35523 1.42077 6.62422 0 8.78049 0C10.9089 0 12.2699 1.38741 13.3632 2.50189C13.4613 2.6018 13.5571 2.69953 13.6512 2.79386C14.8672 4.01314 16.0118 5 18 5V7C15.1589 7 13.5123 5.48686 12.2351 4.20614C12.1748 4.14575 12.1157 4.08635 12.0576 4.02798C10.814 2.77827 10.0395 2 8.78049 2C7.54894 2 6.87361 2.74423 5.73842 3.99523C5.68569 4.05335 5.63196 4.11255 5.57715 4.17283Z" fill="%2329CFF5"/></svg>');
     background-repeat: repeat-x;
     height: var(--underline-squiggle-height);