Web Animation API

Last week WebKit announced that they, with the 13.1 release, now supports the Web Animation API, which means that all the major browsers now support the API in some kind of way. I experimented with the API back in 2014, so when I read the news, I had to see if my two demos now worked in Safari, and they did :)

A pen which lets you ‘Play’ and ‘Revert’ and animation.

See the Pen box.animate by Christofer Vilander (@c_vilander) on CodePen.

And here, just like above, I’m using the element.animate method to rotate the box on :hover

See the Pen element.animate() function by Christofer Vilander (@c_vilander) on CodePen.

Leave a Reply