images-viewer-vue3/dist/es/utils/flip-animate.js

A lightweight image viewer for Vue3

const i = (n, t, a) => {
  const e = t.left - a.left, r = t.top - a.top, o = t.width / a.width;
  return t.height / a.height, n.animate(
    [
      {
        transformOrigin: "top left",
        transform: `translateX(${e}px) translateY(${r}px) scale(${o})`
      },
      {
        transformOrigin: "top left",
        transform: "translateX(0) translateY(0) scale(1)"
      }
    ],
    {
      duration: 600,
      easing: "cubic-bezier(0.2, 0, 0.2, 1)"
    }
  );
};
export {
  i as FlipAnimate
};