CSSアニメーションを調べていたらWeb Animations APIというJavaScriptで同じことができることがわかったので、勉強も兼ねて簡単なライブラリを作ってみました。この記事はその時得た知識のまとめです。 Web Animations APIについて CSSのAnimationsとTransitionsをJavaScriptで実現できるAPIです。 現在は、ChromeとFirefoxで実装が進められています。 Safari(WebKit)とEdgeについてはTodoには入ってますが、まだ実装されていません。 web-animations-jsというpolyfillがあるので、そちらを使うとSafariやEdgeでも使えます。 成果物 今回作成したライブラリはパルス(波紋)のアニメーションです。 CSSアニメーションでも簡単に実装できます。これをJavaScriptでやります