> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# アニメーション

> ロゴの動き、カードエントリ、ホバー効果、スケルトンインストーラーを編集します。

ページのクリエイティブ**アニメーション**は、部分を開きます。 ロゴの動きのために **ロゴのアニメーション**forカードとローディング動作**コンテンツのアニメーション**エディタを使用します。

## ロゴの高さと動きを調整する

**ロゴのアニメーション**スイッチは、オープンで動きを閉じます。 **ロゴの高さ(px)**フィールド**32–300**は、値を入力することによって、画面上のロゴのサイズを設定します。 ビジュアルファイル[ロゴマーク](https://docs.zonely.gen.tr/ja/guides/page-builder/logo.md)はセクションに移動します。

[![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/11-logo-animasyon-ja.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=4979791570b3dff632d2d09f81f2f2fa)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-ja.png)

> [card] 1. ロゴのアニメーション
>
> ロゴの動きを開き、高さを別々に調整します。

> [card] 2. 層のインサート
>
> 各レイヤーで異なるモーションと作業モードを使用できます。

> [card] 3. 層の設定
>
> タイプ、時間、遅延、モードを選択します。 アップ/ダウンでランキングを変更します。

> [card] 4. 動きを減らして下さい
>
> Useはより静かな一見のための動きの調節を減らしました。

**レイヤーの追加**はボタンで動きを加えます。あなたの層**ジャンル**、**期間**、**ドレー**および**ふりがな**は分野に合います。時間および遅れはミリ秒です;**1000のms、1秒**。

ジャンプ、スイング、パルス、吸入、滑り、ズーム、フリッピング、ぼやけた入り口、タイプのリストの輝きなどの動きがあります。 1つの層から始めて、最初の**再生プレビュー**ボタンを押します。 必要に応じて2番目のレイヤーを追加します。

**導入事例**は初期動作のために。 **コンサルティング**のレイヤーは順番に再生されます。 **インフィニティループ**usedは、最初から繰り返すレイヤーのために使用します。 リスト**エントランス**モードは、現在のロゴプレビューでそれ自体によってトリガーされません。

ホーム **Up / Down** ボタンシーケンスを変更します。 **削除** 単独でそのレイヤーを削除します。 **運動アサルト** オプションでプレビューの動きを停止することができます。 デバイスの移動性の選択も考慮されます。

## カードの入力アニメーションを用意する

**コンテンツのアニメーション** ウィンドウ **アニメーション** はキーを開きます。 詳細な領域が表示されます。

[![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-ja.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=b0c2bbafc117453cc19be84b17c1a854)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-ja.png)

> [card] 1. トリガー
>
> 移動ページは、カード可視領域をロードまたは入力し始めます。

> [card] 2. 時間とソート
>
> 動きの長さは、行の遅延カード間の待ち時間です。

> [card] 3. 可視性しきい値
>
> Value から 0–1 表示されるカードの率を決定します。

> [card] 4. 動きのカーブ
>
> 準備が整った曲線の1つを選択するか、リース値の編集を選択します。

**ジャンル** 選択する ソルク、アップケイ、右、クローズまたは翻訳の領域。 **トリガー**、動き **ページがロードされるとき** またはカード **視野に入ると** 開始するかどうかを決定します。

* **方向フィルター:** どんな方向でスクロールするか、または滑走するときの作動状態です。
* **一度だけ:** 一つのプレイで動作制限を制限します。
* \*\*画面を出るときに非表示に:\*\*は、可視領域からカードの動作を決定します。あなたのプレイリストでもう一度確認してください。
* **期間:** 動きの長さは、**100～2000 ms** の間で設定されます。
* カードの背景の間の時間のための\*\*インライン遅延:\*\*範囲;**0～500 msの**の範囲。
* **投稿ナビゲーション** どのくらいのカードが表示されるか。 **0–1** A レートが入力されます。 **0,15**means 約 15 パーセント.
* \*\*から始まる:**の開始間隔**0～400 px(税抜き)\*\*の設定間の。

**タイミング** セクションからソフト、標準、動的、スプリング、高速、またはリニアカーブを選択します。 特別なモーション曲線を持っている場合は、対応する値を編集します。 **ライブビュー** フィールドで結果を表示します。

## カードに来る効果を選択します

**花嫁について**オプションはホバー効果を開きます。 **削除**、**シェードウ**または**ステッピング** 種類のいずれかを選択します。 **フーバー クローズ** 一緒にオプションをチェックしてください。

[![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-ja.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=50e7c04d2b94619038cbc3bb300f71d9)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-ja.png)

> [card] 1. 来る効果
>
> Remove、Shadow、Tiltビューのいずれかを選択します。

> [card] 2. 傾き行動
>
> Useカーソル追跡または固定角度モード。

> [card] 3. スケールおよび時間
>
> カードの成長と移動時間を別々に設定します。

マウスでバインドする斜面**キュラーに続く**を使用している場合は、**固定角度**は特定の斜面にそれを維持します。 **チルトパワー**の斜面、**Z リターン**の戻り、**カードブレイクZikzak**は回転の代替使用を調整します。

カードの**拡大図**スケール、**期間**はパスの長さを決定します。携帯電話でマウスで実行できないようにカードとボタンの接続を試してください。

## 設定の足場の積込み機

**足場の積込み機**コンテンツは準備するときに表示される場所ホルダーです。 **映像で** と **テキスト** 選択する どのコンテンツがそれらの選択で使用されているかを選択します。

[![Scaffoldの積込み機、イメージおよびテキスト、シマービュー](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-ja.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=6b8a2e91c0e0a386b650aa8485063220)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-ja.png)

> [card] 1. 足場の積込み機
>
> コンテンツの準備時に示されている地面のグリップを開閉します。

> [card] 2. 視覚およびテキスト
>
> 地上のホルダーのコンテンツが使用されるSelect。

> [card] 3. パールティビュー
>
> は角の半径および火花の持続期間を置きます。

**スロー効果**は動きを開閉します。 スペースホルダーの**コーナー半径**の形は、**艶出しの時間**は動きの速度を調整します。

ウィンドウを閉じて閉じる **保存する すべて** ボタンを押します。 ユーザーのページで最初の開口部、下スクロール、カードのやり取りをチェックします。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.