logo svelte /motion v2.5.1
FIG-001/ SCOPE

same selector, one card.

Both cards hold .chip elements. The scoped animate resolves '.chip' inside the first card only, so the second card never moves.

  • Selectors resolve inside scope.current, not the document.
  • Started animations are pushed onto scope.animations.
  • useAnimate() is built on the same factory.
↩ all examples
api · createScopedAnimate()input · scope.currentmode · live mode · live running source
// createScopedAnimate shuffles 0
scoped
ABC
outside
ABC
only the scoped card moves
category · scope
sheet · sheet 01 / 01
⟳ to re-run

createScopedAnimate