chromium/ash/webui/common/resources/sea_pen/transition.css

/* Copyright 2024 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

@keyframes fade-up {
  from { opacity: 0; }
}

@keyframes fade-down {
  to { opacity: 0; }
}

@keyframes slide-from-right {
  from { transform: translateX(33%); }
}

@keyframes slide-to-left {
  to { transform: translateX(-33%); }
}

@keyframes slide-to-right {
  to { transform: translateX(33%); }
}

@keyframes slide-from-left {
  from { transform: translateX(-33%); }
}

::view-transition-old(root) {
  animation:
    250ms cubic-bezier(0.05, 0.7, 0.1, 1.0) both slide-to-left,
    50ms cubic-bezier(0.0, 0.0, 1.0, 1.0) both fade-down;
}

::view-transition-new(root) {
  animation:
    250ms cubic-bezier(0.05, 0.7, 0.1, 1) both slide-from-right,
    250ms cubic-bezier(0.0, 0.0, 1.0, 1.0) 50ms both fade-up;
}

.back-transition::view-transition-old(root) {
  animation-name: slide-to-right, fade-down;
}

.back-transition::view-transition-new(root) {
  animation-name: slide-from-left, fade-up;
}