Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita

2022/05/08 213 users Qiita 組成 コーディング Safari アニメーション

この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite（効果の組成）って機能がすごいよ！！って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤ... 続きを読む

素のJavaScriptだけでアニメーションを実装するWeb Animations API

2022/03/18 161 users アニメーション ライブラリー 関数 CSSアニメーション 仕様

2022年3月18日 JavaScript Web Animations APIとは、他のライブラリーを使わずにアニメーションを実装できるJavaScriptの仕様です。CSSアニメーションと違い、様々な関数やイベントと組み合わせてより柔軟に、より豊かな表現が可能となります。今回はそんなWeb Animations APIを使ってみましょう！ ↓私が10年以上利用し... 続きを読む

Web Animations APIとは？ブラウザのネイティブAPIで広がるアニメーションの世界 | ヌーラボ

2018/07/13 72 users ヌーラボ ネイティブAPI アニメーション ブラウザ 世界

Cacoo 開発チームの山岸です。ウェブにおけるアニメーション・インタラクションが好きなので今回は Web Animations API を紹介します。 Web Animations API (以下 WAAPI)とは これまでの CSS Transitions / Animations や SVG Animation を JavaScript で実現するための API です。WAAPI によりアニメーションにおける統... 続きを読む

Web Animations API を使ってみる - Qiita

2018/01/23 69 users Flash css animation Qiita 練習

Animation周りが苦手だったので、Flash のタイムラインアニメーションエディタみたいなものを練習がてら作ってみたい、ということで勉強した。 本記事は勉強ログ気味。 Web Animations API とは CSS Animation の keyframe 制御を JS から可能にしたようなもの。 CSS Animation は JS から制御できないのでコントロールしづらかったが、その... 続きを読む