ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
サイト設定
ドメイン名の購入
ドメイン名の接続
DNSの設定
カスタムドメインのエラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コード輸出
プロジェクト移管
無料tilda.ws サブドメイン
カラー設定
URLリダイレクトの作成
HTTPSの設定
ページフォルダー
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
モバイルデバイスでの視聴
HTMLコードを埋め込む
グーグルマップを追加
多言語ウェブサイトの作成
オンライン出版用の画像を準備する
カバーを投げる
ノン・ブレイキング・スペース&ソフト・ハイフン
ページ出版
フィードバック・ウィジェットを追加する
フェイスブックでプレビュー
コメント欄の追加
インスタグラムのフィードを埋め込む
投稿一覧またはインデックスページ
オンラインストアと支払い
オンラインストアと決済処理
オンラインストアに商品を追加する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
2Checkoutの設定
注文通知の送信
オンライン決済システムなしで販売する
単一製品の販売
製品バリエーションの追加
配送オプション
補完製品
プロモコード(割引)を作成する
フォーム
データ取得フォームの設定
データ収集フォーム
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
ユニセンダー
アモCRM
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
カスタムスクリプト
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
グーグル・アナリティクス
グーグルタグマネージャー
目標達成率の提出
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
Figmaからのインポート
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
価格と支払い
自動購読更新のキャンセル
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コード輸出
ウェブフック
Tilda API
WordPressプラグイン
TILDA ヘルプセンター
Zero Block:トリガーアニメーション
他の要素のクリックやホバーによってトリガーされる要素のアニメーションを設定する方法
スタート
トリガーは、ステップ・バイ・ステップ・アニメーションの一部です。トリガー・アニメーションを扱うには、このガイドでステップ・バイ・ステップ・アニメーションの基本を学ぶ必要があります:
ステップ・バイ・ステップ・アニメーション作成ガイド
トリガー・アニメーションを作成するには、まずステップ・バイ・ステップのアニメーションを設定する必要があります。これを行うには、要素設定を開き、「ステップ・バイ・ステップ・アニメーション」セクションの「追加」をクリックします。
アニメーションをトリガーしたいイベントの種類を選択します。トリガーアニメーションはホバーまたはクリック時にのみ動作します。
トリガーを追加]をクリックし、Zero Block 、アニメーションのトリガーとなる要素を選択します。アニメーションは、この要素をクリックまたはホバーした後に開始されます。
トリガーを選択したら、アニメーションのステップを追加します。例えば、ボタンクリックでシェイプを右に300px移動させる。
ここをクリック!
ブラウザでトリガーアニメーションをテストする方法
Play Element "と "Play All "ボタンに加えて、Tilda 、ブラウザでアニメーションをプレビューすることができます。
ブラウザで2つのタブを開いてください-Zero Block とプレビュー・モードの同じページです。
こうすることで、Zero Block で加えた変更を、2つ目のタブでプレビューしながら確認することができます。変更をページに表示させるには、プレビュー・ページを更新してください。
はじめに
前編
こちらへ
レスポンシブデザイン
パート2
こちらへ
キーボードショートカット
リスト
こちらへ
製造元
Tilda