Web animations api Articles

Page 1 of 1 (4 articles)

12/21/2023 • EN

What’s the best way to reset WAAPI chained animations?

A technical guide exploring methods to properly reset chained Web Animations API (WAAPI) sequences, including canceling and reversing animations.

Animation Reset dom manipulation frontend development JavaScript web animations api

Ben Frain

5/3/2017 • EN

CSS Animations vs the Web Animations API: A Case Study

A technical comparison between CSS animations and the Web Animations API, using a case study to illustrate key differences and implementation details.

animation css animations frontend development JavaScript web animations api

Ire Aderinokun

2/14/2017 • EN

DIY Web Animations: Promises + rAF + Transitions

A guide to creating custom web animations using Promises, requestAnimationFrame, and CSS Transitions as an alternative to the Web Animations API.

css transitions frontend development promises Requestanimationframe web animations api

Surma

2/15/2016 • EN

Animating the Unanimatable

A guide to animating list reordering in React, a common challenge not solvable with standard CSS transitions or animation APIs.

css transitions framer motion list reordering React web animations api

Josh Comeau

Web animations api Articles

What’s the best way to reset WAAPI chained animations?

CSS Animations vs the Web Animations API: A Case Study

DIY Web Animations: Promises + rAF + Transitions

Animating the Unanimatable

Select Language