[]previous and next page

ViewTransitionOptions

Options of startViewTransition.

Options of startViewTransition.

Import#

ts
import type { ViewTransitionOptions } from "@shadow-js/web";

Signature#

ts
interface ViewTransitionOptions {
  /**
   * Transition types for this update. CSS selects phases with `:active-view-transition-type(name)`,
   * so one update can animate differently from another (for example forward and back navigation).
   * Ignored where the browser has no View Transitions API.
   * @default undefined (no types: the update runs as a plain transition)
   */
  readonly types?: readonly string[];
}

Members#

Name Type Description
types? readonly types?: readonly string[] Transition types for this update. CSS selects phases with :active-view-transition-type(name), so one update can animate differently from another (for example forward and back navigation). Ignored where the browser has no View Transitions API.