html:active-view-transition-type(forwards)::view-transition-old(root){animation-name:slide-out-to-left}html:active-view-transition-type(forwards)::view-transition-new(root){animation-name:slide-in-from-right}html:active-view-transition-type(backwards)::view-transition-old(root){animation-name:slide-out-to-right}html:active-view-transition-type(backwards)::view-transition-new(root){animation-name:slide-in-from-left}@keyframes slide-out-to-left{0%{right:0%}to{right:100%}}@keyframes slide-in-from-right{0%{left:100%}to{left:0%}}@keyframes slide-out-to-right{0%{left:0%}to{left:100%}}@keyframes slide-in-from-left{0%{right:100%}to{right:0%}}