wehub-resource-sync
25 lines
701 B
CSS
25 lines
701 B
CSS
/* Opt in to native cross-document view transitions on navigation. */
|
|
@view-transition {
|
|
navigation: auto;
|
|
}
|
|
|
|
/* Global slight fade */
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation-duration: 200ms;
|
|
}
|
|
|
|
/*
|
|
* Persistent chrome (header/footer) is named so it gets its own snapshot
|
|
* instead of being part of the root crossfade. Holding it static prevents
|
|
* the flicker that the sticky header otherwise shows on every navigation.
|
|
*/
|
|
::view-transition-group(site-header),
|
|
::view-transition-group(site-footer),
|
|
::view-transition-old(site-header),
|
|
::view-transition-new(site-header),
|
|
::view-transition-old(site-footer),
|
|
::view-transition-new(site-footer) {
|
|
animation: none;
|
|
}
|