jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-10-27 12:56:23 -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:
jakeandClaude Opus 4.6 committed 2026-02-17 15:11:09 -05:00
1 parent 62ebedabf4
commit eecf93e7cc
1 file changed
+4 -11
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+4 -11
View File
@@ -210,17 +210,10 @@
} }
} }
::view-transition-group(*) { /* Disable the default cross-fade on root (header/footer/chrome stay static) */
animation-duration: 250ms; ::view-transition-old(root),
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); ::view-transition-new(root) {
} animation: none;
::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;
} }
/* Main content: fade + slide */ /* Main content: fade + slide */