---
title: Animasyon
description: Elementin animasyon stilleri.
---

Animasyon grubunda aşağıdaki özellikler güncellenebilir:

- **Adı** — `animation-name`
- **Süre** — `animation-duration`
- **Döngü Sayısı** — `animation-iteration-count`
- **Oynatma Durumu** — `animation-play-state`
- **Gecikme** — `animation-delay`
- **Zamanlama Fonksiyonu** — `animation-timing-function`
- **Yön** — `animation-direction`
- **Doldurma Modu** — `animation-fill-mode`
- **Zaman Çizgisi** — `animation-timeline`
- **Aralık** — `animation-range`

<Callout type="warning" title="Animasyon tanımları">
ikas tarafından örnek olarak `spin` adında bir animasyon tanımlı gelir; animasyon adı `spin` olarak seçilirse arka planda otomatik olarak Global Değerler altındaki Animasyonlar kısmına eklenir. Daha fazla bilgi için [Animasyonlar](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/global-values/animations) sayfasını inceleyebilirsiniz.
</Callout>

<img src="/media/ikas-studio/content-and-design/elements/style/animation.png" style={{ maxWidth: "400px", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />