Transitionsは次の手順で作成できます。アニメーションさせたい要素のCSSクラスで、transitionプロパティを設定する。監視するプロパティが変化するきっかけを作成する。前の例では、<img>要素に次の設定を行っていました。これを言葉に直すと、transformプロパティの変化の発生を監視し、変化が発生したら、linearの動きで、0.2秒かけてアニメーションを行う、という意味になります。linearというのはタイミング関数の名前で、グラフにすると直線になる関数です。きっかけは、マウスが<a>要素に重なるアクションでした。scale(1.5);}このCSSは、詳しく言うと、<a>要素にマウスカーソルが重なるか、フォーカスが当たったら、<img>要素のtransformプロパティを、rotate(-3deg)とscale(1.5)に変更する、という意味です。ブラウザは<img>要素に割り当てたCSSクラスのtransitionプロパティで、transformプロパティの変化を監視しています。hoverが発動し、imgのtransformプロパティが変化します。これがきっかけとなって、アニメーションが始まります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。