Refactor timeline and skill display with enhanced animations

2025-05-15 09:31:11 +02:00
parent 1fb265b604
commit 96a9e0b733
2 changed files with 174 additions and 89 deletions
@@ -276,3 +276,39 @@ body {
    opacity: 0;
 }

+@keyframes fadeInSkill {
+    0% {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.skill-card {
+    opacity: 0;
+    transform: translateY(10px);
+    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
+}
+
+.animate-skill {
+    animation: fadeInSkill 0.6s ease-out forwards;
+}
+
+@keyframes fadeInButton {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.learnMoreButton {
+    animation: fadeInButton 0.5s ease-out;
+}
+