# アニメーション

> **学べること**
>
> * ページ読み込みトランジションを有効にする方法
> * ページアニメーションの速度を制御する方法

***

### この設定について

この **アニメーション** Plain Jane テーマの設定では、ページが最初に読み込まれるときのアニメーションを制御できます。これはサイトの仕上がりを良くし、視覚的な流れを改善する簡単な方法です。

***

### ページトランジション

#### ページトランジションアニメーション

ページが読み込まれるときの表示方法を選択してください：

* **なし** — アニメーションなし
* **フェードイン** — ページ読み込み時の滑らかなフェード効果

#### トランジションの継続時間

* アニメーションの継続時間（秒単位）を調整します
* スライダーまたは入力ボックスを使用してください（例： `1秒`, `2秒`）で速度を微調整します

> ✨ 1秒のフェードは、滑らかで遅すぎないバランスの良い選択です。

***

### 使用するタイミング

以下の場合はフェードインアニメーションを使用してください：

* ページ間の急な切り替えを和らげたいとき
* サイトに大きな背景画像や動画が含まれているとき
* 洗練された、または映画的な美観を目指しているとき

以下の場合は使用を避けてください：

* 効果なしで可能な限り高速な読み込みを望むとき
* ストアが製品ページ間の迅速なナビゲーションに依存しているとき

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/theme-settings/animations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
