ヘルプセンター
ヘルプセンター
入門
Tildaの仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページを並べ替える
サイト設定
ドメイン名を購入する
ドメイン名を接続する
DNS を設定する
カスタム ドメイン エラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コードのエクスポート
プロジェクト譲渡
無料の tilda.ws サブドメイン
色の設定
URL リダイレクトの作成
HTTPS のセットアップ
ページ フォルダ
ページ編集
ナビゲーション メニューを追加する
アンカーと内部リンク
モバイル デバイスでの表示
HTMLコードを埋め込む
Google マップを追加
多言語ウェブサイトの作成
オンラインで公開するための画像の準備
カバーを売り込む
ノンブレークスペース&ソフトハイフン
ページの公開
フィードバック ウィジェットを追加する
Facebookでプレビュー
コメント セクションを追加する
Instagram フィードを埋め込む
投稿一覧または目次ページ
オンラインストアと支払い
オンラインストアと支払い処理
オンライン ストアに商品を追加する
ショッピング カートの設定
製品の直販
支払いシステムの割り当て
Stripeを設定する
PayPal を設定する
2Checkoutを設定する
注文通知の送信
オンライン決済システムなしで販売する
単一の製品の販売
製品バリエーションを追加
配送オプション
補完製品
プロモーション コード (割引) を作成する
フォーム
データ キャプチャ フォームの設定
データ取得フォーム
Eメール
Google Sheets
MailChimp
Google フォーム
SendGrid
センディンブルー
ユニセンダー
アモCRM
パイプドライブ
Zoho CRM
トレッロ
Telegram
Slack
ザピア
メーラーライト
Notion
Salesforce
ハブスポット
ウェブフック
カスタム スクリプト
フォームのエラーを回避する
Monday.com
分析
ウェブサイト統計の追跡
グーグルアナリティクス
Googleタグマネージャー
目標達成率を提出する
SEO
ウェブサイトをオンラインで宣伝する
Zero Block
カスタム ブロックを作成する
レスポンシブ デザイン
キーボード ショートカット リスト
アニメーション
ステップバイステップのアニメーション
Figmaからインポート
メールキャンペーンビルダー
メールの作成、編集、および送信
プランと請求
予定
価格と支払い
サブスクリプションの自動更新をキャンセルする
お支払い確認
Tildaビジネスプランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コードのエクスポート
ウェブフック
Tilda API
WordPressプラグイン
TILDAヘルプセンター
Zero Block: アニメーション
Tildaでアニメーションを設定する方法
アニメーション効果は、任意のZero Block要素に追加できます。アニメーション効果には、基本と高度なアニメーション、または段階的なアニメーションの 2 種類があります。この記事では、最も基本的なアニメーション設定について説明します。
基本的なアニメーション オプションは次のとおりです。
アニメーション - アニメーション効果を開始するタイミングのさまざまなオプション。
視差—視差効果の設定。
[修正] - 固定の配置効果設定。
アニメーション
アニメーション効果には、フェードイン、右にフェードイン、左にフェードイン、上にフェードイン
、下にフェード
イン、ズームインがあります。
すべてのアニメーションエフェクトには、継続時間、遅延、トリガーオフセットなどの一般的な設定がいくつかあります。
Duration は、アニメーション効果の継続時間 (秒単位) です。数値は、アニメーション効果が実行される秒数です。
遅延は、アニメーション効果の開始までの秒単位の遅延です。
トリガー オフセットは、アニメーションの再生が開始されるウィンドウ コンテナーの下端からのオフセット (ピクセル単位) です。
上、下、右、または左から表示される要素でアニメーション効果を使用する場合、「距離」オプションは、ブロックが最初に表示される場所からブロックがカバーする距離を意味します。
ズームイン効果にはスケール設定があります。100% 未満に設定すると、要素は元のサイズにズームします。100% を超える値に設定すると、要素が縮小され、小さく表示されます。
視差
視差アニメーションには、スクロール時とマウス移動時の 2 つの設定があります。
スクロール時の視差
マウス移動時の視差
スクロールの視差の設定で、[速度] 設定を見つけます。速度が 100% 未満の場合、要素はスクロールされるページよりも遅く移動します。速度が 100% を超える場合、要素はスクロールされるページよりも速く移動します。
マウス移動時の視差の設定では、X 軸と Y 軸に沿った距離が最大の視差傾斜効果を意味します。
固定
固定アニメーションを設定するときに、要素を修正する場所を選択できます。これは、固定効果が発生し始める画面領域 (画面の上部、中央、または下部) です。[ウィンドウ上部]、[ウィンドウ中央]、または [ウィンドウ下部] の 3 つの領域のいずれかを選択できます。
トリガー オフセットは、要素が Window Top、Window Center、または Window Bottom に対して固定されるポイントです。
Distance は、固定アニメーション中に要素がカバーするピクセル単位の距離です。
記事
「Zero Blockのスティッキー要素」
を読んで、固定効果を作成する方法と、ページ上でどのように表示されるかを学ぶことをお勧めします。
Tilda教育:Zero Blockの完全ガイド
入門
パート1
に移動
レスポンシブ デザイン
パート2
に移動
キーボードショートカット
リスト
に移動
作成日
Tilda