@view-transition {
  navigation: auto; }

::view-transition-old(myTransition) {
  animation: fadeOut 0.5s forwards; }

::view-transition-new(myTransition) {
  animation: fadeIn 0.5s forwards; }

main {
  view-transition-name: myTransition; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(10%); }
  to {
    opacity: 1;
    transform: translateX(0); } }