webanimations

Animate elements imperatively via the Web Animations API (Element.animate).

Import: @rtorcato/browser-common/webanimations

📖 MDN: Web Animations API · 📊 caniuse: web-animation

Browser support

API	Chrome	Edge	Firefox	Safari	iOS Safari	Baseline
Element.animate	✅ 36+	✅ 79+	✅ 48+	✅ 13.1+	✅ 13.4+	Widely available

✅ supported · ◐ partial · ❌ not supported · [n] see note. Generated from MDN browser-compat-data and web-features. caniuse: Element.animate

Example

import { isWebAnimationsAvailable, animateElement } from '@rtorcato/browser-common/webanimations'

if (isWebAnimationsAvailable()) {
  const anim = animateElement(el, [{ opacity: 0 }, { opacity: 1 }], 300)
  await anim?.finished
}

Exports

• isWebAnimationsAvailable() — feature check
• animateElement(element, keyframes, options?) — runs element.animate(); returns the Animation, or null if unsupported

See the API reference for full signatures.