SeedProd ドキュメンテーション

SeedProdのドキュメント、参考資料、チュートリアル

アニメーション効果

アニメーションエフェクト機能では、任意のブロック、セクション、行、列にエントランスのアニメーションを追加することができます。これらのアニメーションは、要素が画面上に表示されたときに再生され、ページに視覚的なエンゲージメントを追加します。

利用可能なアニメーションの種類

 入場のアニメーションは46種類から選ぶことができる:

  • アテンション・シーカーズバウンス、フラッシュ、パルス、ラバーバンド、シェイクX、シェイクY、ヘッドシェイク、スイング、タダ、ウォブル、ジェロ、ハートビート、バウンスイン、フリップ、フリップインX、フリップインY、ライトスピードイン左、ライトスピードイン右
  • バック・インバックインダウン、バックインレフト、バックインライト、バックインアップ
  • フェードインフェードイン、フェードイン・ダウン、フェードイン・レフト、フェードイン・ライト、フェードイン・アップ、フェードイン・ダウン・ビッグ、フェードイン・レフト・ビッグ、フェードイン・ライト・ビッグ、フェードイン・アップ・ビッグ、フェードイン・トップ・レフト、フェードイン・トップ・ライト、フェードイン・ボトム・レフト、フェードイン・ボトム・ライト
  • ズームズームイン、ズームダウン、ズームレフト、ズームライト、ズームアップ
  • 回転する:ローテートイン、ロールイン、ローテートインダウン、ローテートインレフト、ローテートインライト、ローテートインアップ 

アニメーションの追加方法

  1. アニメーションさせたい要素(ブロック、セクション、行、列)をクリックします。
  2. 詳細設定タブに移動する。
  3. アニメーション・エフェクト・セクションを開きます。
  4. ドロップダウンメニューからお好きな入場アニメーションをお選びください。

これで完了です!選択したアニメーションは、要素がビューポートに入ったときに再生されます。

変更を保存するのを忘れないでください。

関連記事