Animationsと似たプロパティ名を使用するので、早く慣れることができます。AnimationsのCSSコードと、それと同じアニメーションを作成するWAAPIのJavaScriptコードの例です。HTML:アニメーションの対象となる<div>要素です。Animationsは、次のようにしてWAAPIに置き換えることができます。});1行めでは、変数targetとしてアニメーションさせるボールの<div>要素を参照しています。以降がWAAPIのJavaScriptコードです。2行めでは、targetのanimate()メソッドに、キーフレームパラメータとタイミングパラメータと呼ばれる引数を、オブジェクトの形式で渡しています。alternate;に相当する内容だということが分かります。タイミングパラメータでは、タイミング(イージング)関数をeasing:’ease’で指定しています。Animationsの初期値がeaseであるのに対し、WAAPIではlinearであるからです。1sと1000、infiniteとInfinityなど、細かな相違もあります。animate()はWAAPIのメソッドで、WAAPIのAnimationオブジェクトを返します。上記WAAPIのコードを実行すると、アニメーションは自動的にスタートします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。