fruno.win
My personal website
Speed up slide out/in transition
+4
-3
+4
-3
assets/style.css
+4
-3
assets/style.css
···
335
335
}
336
336
337
337
::view-transition-old(main-content) {
338
-
animation: 161ms ease-in both slide-out-up;
338
+
animation: 80ms ease-in both slide-out-up;
339
339
}
340
340
341
341
::view-transition-new(main-content) {
342
-
animation: 161ms ease-in both slide-in-up;
343
-
animation-delay: 161ms;
342
+
animation: 80ms ease-in both slide-in-up;
343
+
/* Wait for slide-out to complete before sliding in */
344
+
animation-delay: 80ms;
344
345
}
345
346
346
347
::view-transition-group(navbar) {