互換性抜群！「Web Animations API」の基本をおさらいしよう

ホームページ上で何らかのアニメーションを実行しようとするときには、どのような技術を使ってアニメーションを作ればいいのか悩みます。 というのも、アニメーションを実装するのに、CSSアニメーションやCSSトランジション、HTML5のCanvas、SVGアニメーション、GIFアニメーション、JavaScriptでDOM操作をすることで実装するアニメーションなど、さまざまなものがあります。 しかしながら、決定版とも言える新しいアニメーションフレームワークとなるJavaScriptのAPIの策定が、W3Cで進んでいます。 それが、今回ご紹介する*「Web Animations API」*です。 通常、スクリプトを使ってアニメーションを実装する際には、いざ作ろうとしてみると、サポートブラウザの問題やデバイス間での見え方の違いなどで、考慮すべき点がいろいろ多いのが現実です。 しかし、このWeb Anim

[lingling_yas]

“互換性抜群！「Web Animations API」の基本をおさらいしよう”

[komz]

互換性抜群！「Web Animations API」の基本をおさらいしよう｜ferret [フェレット]

[souvenir038]

たくさん乱立していた膨大な量のJavaScriptプラグインの中から一つを選んでダウンロードするということがなくなり、アニメーションを使った開発が行いやすくなる。