diff --git a/src/views/Expertise.svelte b/src/views/Expertise.svelte index 9a77f3e..d5108c1 100644 --- a/src/views/Expertise.svelte +++ b/src/views/Expertise.svelte @@ -395,7 +395,10 @@ .expertise-text { position: relative; width: 100%; - transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); + } + + .expertise-text, .expertise-item { + transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1); } /* Individual text items */ @@ -406,14 +409,14 @@ line-height: 1.4; margin-bottom: 50px; opacity: 0.3; - transform: scale(0.9); + transform: scale(0.75) translateX(4rem); transform-origin: left center; - transition: opacity 0.5s ease, transform 0.5s ease; } .expertise-item.active { opacity: 1; - transform: scale(1); + transform: scale(1) translateX(0); + margin-left: 0; } /* Mobile (≤ 700px) */