jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-04-17 10:28:46 -04:00
Code Issues Activity

fix: remove wildcard view transition animations causing double fade-in

Browse Source 
The ::view-transition-old(*) and ::view-transition-new(*) rules were
applying fade animations to the root snapshot (header/footer/chrome)
in addition to the main-content transition, causing a double fade
effect and blocking interactivity during navigation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jake Jarvis
2026-02-17 15:11:09 -05:00
parent 62ebedabf4
commit eecf93e7cc
1 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/globals.css
View File

@@ -210,17 +210,10 @@
}
}
::view-transition-group(*) {
animation-duration: 250ms;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
::view-transition-old(*) {
--tw-exit-opacity: 0;
animation: 150ms ease-in both exit;
}
::view-transition-new(*) {
--tw-enter-opacity: 0;
animation: 200ms ease-out both enter;
/* Disable the default cross-fade on root (header/footer/chrome stay static) */
::view-transition-old(root),
::view-transition-new(root) {
animation: none;
}
/* Main content: fade + slide */