vtbag_element_crossing_view_transition_animation_quickstart.ts

1import { cross } from "@vtbag/element-crossing";
2
3// The element you want to move
4const element = document.querySelector("#my-element") as HTMLElement;
5
6// The target container where the element should move to
7const destination = document.querySelector("#destination-container") as HTMLElement;
8
9// Perform the crossing animation
10cross(element, {
11  to: destination,
12  // Optional: view-transition-name to use during the transition
13  name: "moving-element"
14});