mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

IMPROVED - Replace per-title hero entrance with a unified page transition

Browse Source 
- Add (site)/template.tsx: one framer-motion enter animation (fade + rise +
  blur) that runs on every navigation, so moving between dock pages has a
  clean transition.
- Disable the staggered .hero-rise entrance now that the template handles it.
This commit is contained in:
moh
2026-09-20 19:46:58 +02:00
parent 572329097c
commit 5c10bce740
2 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+4 -3
View File
@@ -422,10 +422,11 @@ html[lang="ar"] .eyebrow {
}
}
/* ---- Hero entrance (pure CSS so it never flashes blank before hydration) ---- */
/* ---- Hero entrance ----
Per-element rise is disabled: the site `template.tsx` now runs one unified
page-transition animation on every navigation instead. ---- */
.hero-rise {
opacity: 0;
animation: hero-rise-in 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
opacity: 1;
}
.hero-content > *:nth-child(1) {