Tagged “web animations API”
-
Additive Animations in CSS
The Web Animations API allows us to have multiple animations affect a single property simultaenously, but keep it in check.
-
Pseudo-elements in the Web Animations API
Now you can animate pseudo-element content with the Web Animations API.
-
CSS + the Web Animations API
New features in the Web Animations API allow us to interact with CSS Animations and Transitions.
-
Additive Animation with the Web Animations API
CSS-Tricks: Using the composite properties (and more) of the Web Animations API to update already running animations.
-
3 Ways to Use Independent Transform Properties
I figure there are three main ways we can treat transform functions independently. This covers their basics and viability.
-
Scrubbing via the Web Animations API
Going back to my blogging-about-the-web-animations-api roots and creating a basic visual timeline.
-
A Different CSS Motion Path
... wherein I write about how I had envisioned CSS Motion Path working when I first heard about it.
-
When to Use the Web Animations API
CSS already does a lot for animation... so when might you want to use the Web Animations API over it?
-
Promises in Web Animations
Learning about the Web Animations API and wondering what these Promises are in the spec? Here's a little intro to some basics.
-
Web Animations API Tutorial Conclusion
Concluding and summarizing the introductory series.
-
Web Animations API Tutorial Part 5: The Loveable Motion Path
All about animating along a path in Part 5 of the Web Animations API series.
-
Web Animations API Tutorial Part 4: GroupEffects & SequenceEffects
Focusing on the polyfill's support of GroupEffects in Part 4 in the Web Animations API series.
-
Web Animations API Tutorial Part 3: Multiple Animations
Part 3 in the Web Animations API series looking at some advanced usage.
-
Web Animations API Tutorial Part 2: The Animation & Timeline Controls
The second part in the Web Animations API series exploring timeline controls.
-
Web Animations API Tutorial Part 1: Creating a Basic Animation
The first official article in a series highlighting the features of the Web Animations API... starting with how to create a basic animation.
-
Let's Talk about the Web Animations API
My hope is to start a series of posts highlighting the features of the Web Animations API that are already in browsers (and the polyfill) now, exploring why we want this API, and figuring out the nuances.
See all tags.