feat: page transitions, scroll progress bar, and staggered value cards

This commit is contained in:
Manuel
2026-05-10 15:41:03 +02:00
parent 97c05ff620
commit f1c1f54ef9
3 changed files with 113 additions and 12 deletions
+30
View File
@@ -255,3 +255,33 @@
transition-duration: 0.01ms !important;
}
}
/* ─── PAGE TRANSITIONS ────────────────────────── */
body {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
body.page-ready {
opacity: 1;
}
/* ─── SCROLL PROGRESS ────────────────────────── */
.scroll-progress {
position: fixed;
top: 0;
left: 0;
height: 2px;
width: 0%;
background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-container) 100%);
z-index: 9999;
transition: width 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
.scroll-progress {
display: none;
}
}