Using the Web Animations API

2min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

You create the animation and then get access to essentially play pause, reverse up date, playback rate. The web animations api is kind of as being good because you you don't have a library for it. But actually, in comes a library from the crater of framer motion Is called motion one. And i would actually recommend checking this out in addition to the web animations a p. Because what this does is s basically like em he's just basically saying, yet the API is kind of cumbersome for creating animations with t web aniapi. What if we just made it nice?

In this episode of Syntax, Wes and Scott talk about 10 browser API’s you might not be familiar with including getUserMedia, Resize Observer, SpeechRecognition, and more!

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes