mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-07 22:12:57 -05:00
21 lines
360 B
CSS
21 lines
360 B
CSS
::view-transition-old(root),
|
|
.dark::view-transition-old(root) {
|
|
animation: none;
|
|
animation-fill-mode: both;
|
|
z-index: -1;
|
|
}
|
|
|
|
::view-transition-new(root) {
|
|
mask: url("./wave.svg") no-repeat;
|
|
mask-position: 50% 200%;
|
|
mask-size: max(100vw, 200vh);
|
|
animation: sweep 1.5s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
@keyframes sweep {
|
|
to {
|
|
mask-position: 50% 0%;
|
|
}
|
|
}
|