GSAP Staggered
アニメーション

実装方法

1. ページ設定のコードをコピーし、
   プロジェクトに貼り付けます

   ページ内の要素に属性を適用します

   以下は、カスタムビデオポップアップ機能を実装するための要素のリストです。
   

   component

   I want this

   Div Block

   or

   Collection List

   to get the staggered animation.

   オプション

   threshold

   アニメーションのトリガーにしきい値を設定

   オプション

   each

   各アニメーションの開始時間間の時間を設定したい。

   オプション

   amount

   すべてのスタッガーに割り振られる時間の合計を設定したい。

   オプション

   duration

   1つのアイテムのアニメーションの時間を設定したい。

   オプション

   offset y

   各アイテムの初期位置をy軸に沿って設定したい。

   オプション

   from

   各アイテムの初期位置をy軸に沿って設定したい。

   オプション

   ease

   各アイテムの初期位置をy軸に沿って設定したい。

   オプション

   staggered ease

   各アイテムの初期位置をy軸に沿って設定したい。