:root::view-transition-group(*) {
position: absolute;
top: 0;
left: 0;
animation-duration: 0.25s;
animation-fill-mode: both;
}
@keyframes -ua-view-transition-group-anim-transitionName {
from {
transform: oldTransform;
width: oldWidth;
height: oldHeight;
backdrop-filter: oldBackdropFilter;
}
}
:root::view-transition-group(transitionName) {
animation-name: -ua-view-transition-group-anim-transitionName;
transform: newTransform ?? oldTransform;
width: newWidth ?? oldWidth;
height: newHeight ?? oldHeight;
backdrop-filter: newBackdropFilter ?? oldBackdropFilter;
color-scheme: newColorScheme ?? oldColorScheme;
text-orientation: newTextOrientation ?? oldTextOrientation;
writing-mode: newWritingMode ?? oldWritingMode;
mix-blend-mode: newMixBlendMode ?? oldMixBlendMode;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
}