この動画はプレミアム会員限定動画です。
閲覧するには登録が必要となります。
プレミアム会員の登録をする
プレミアム会員限定動画Web Animations APIでアニメーションの再生方向を制御することができる、direction（ディレクション）について解説！
この動画は、アニメーションの再生方向（ディレクション、direction）について紹介しています。
動画内では、ボックスが画面上でどのように動くか（例えば、右に移動し、元に戻る動き）をJavaScriptで制御しています。
今回の動画のテーマである「animation-direction」プロパティを使って、アニメーションの再生方向を変更する方法について詳しく説明しています。
このプロパティには、主に4つの値があります：「normal」（ノーマル、通常の再生）、「alternate」（オルタネート、行って戻る動き）、「reverse」（リバース、逆再生）、そして「alternate-reverse」（オルタネートリバース、逆の行って戻る動き）。これらの設定を使うことで、さまざまなアニメーション効果を簡単に実現できます。
動画内では、ボックスが画面上でどのように動くか（例えば、右に移動し、元に戻る動き）をJavaScriptで制御しています。
今回の動画のテーマである「animation-direction」プロパティを使って、アニメーションの再生方向を変更する方法について詳しく説明しています。
このプロパティには、主に4つの値があります：「normal」（ノーマル、通常の再生）、「alternate」（オルタネート、行って戻る動き）、「reverse」（リバース、逆再生）、そして「alternate-reverse」（オルタネートリバース、逆の行って戻る動き）。これらの設定を使うことで、さまざまなアニメーション効果を簡単に実現できます。