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

# ウィジェットにアニメーションを付ける

> バウンス、フェード、ズーム、スライドなど、50 以上の利用可能な効果からウィジェットに登場と退出のアニメーションを追加します。

**Animations** セクションでウィジェットに登場と退出のアニメーションを追加できます。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/animate-your-widget/Capture-decran-2023-03-05-a-22.56.25.png)
</Frame>

約 50 種類の効果が利用可能で、主なカテゴリに分類されています。

* Attention seekers
* Back entrances/exits
* Bouncing entrances/exits
* Fading entrances/exits
* Flip entrances/exits
* Rotating entrances/exits
* Special entrances/exits
* Zooming entrances/exits
* Sliding entrances/exits

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/animate-your-widget/Capture-decran-2022-01-27-a-16.45.31.png)
</Frame>

アニメーション効果のプレビューを見るには **Pre-visualize** をクリックします。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/animate-your-widget/Capture-decran-2022-01-27-a-16.52.10.png)
</Frame>