# CSS Animasyon Oluşturucu

> Hareket ve süreyi seç, CSS animasyon kodunu ücretsiz oluştur.

- Kategori: [Geliştirici Araçları](https://toolbrio.com/kategori/gelistirici/index.md)
- Alt kategori: Renk ve CSS
- Son güncelleme: 2026-09-29
- Etkileşimli araç: [https://toolbrio.com/css-animasyon-olusturucu/](https://toolbrio.com/css-animasyon-olusturucu/)

## CSS Animasyon Oluşturucu nasıl çalışır?

Anahtar kareler başlangıç ve bitişteki dönüşümü tanımlar. Tarayıcı iki durumun arasını seçilen zamanlama fonksiyonuyla hesaplar. alternate yönü sürekli tekrarda öğenin geri dönmesini sağlar. Hareket azaltma tercihinde animasyonu kapatan medya kuralı da çıktıya eklenir.

## Hesaplama örneği

X hareketi 100 px, Y hareketi 0 ve süre 2 saniye seçilirse öğe iki saniyede 100 px sağa gider. Sürekli ve alternate ayarında sonraki iki saniyede başlangıca döner.

## Sonucu değerlendirirken

Üretilen kod indirilebilir; bu panel hareketli tarayıcı önizlemesi oynatmaz. Öğenin daha önceki transform kuralıyla birleştirme otomatik yapılmaz. Hareket kutu düzenindeki yerini değiştirmez.

## Sık sorulan sorular

### Hangi bilgileri girmeliyim?

X ve Y hareketi, dönüş açısı, süre, zamanlama ve tekrar seçin.

### Sonuç nasıl hesaplanır?

Başlangıç translate(0,0) rotate(0), bitiş kullanıcı değerlerinden oluşur.

### Örnekte hangi sonuç elde edilir?

X hareketi 100 px, Y hareketi 0 ve süre 2 saniye seçilirse öğe iki saniyede 100 px sağa gider. Sürekli ve alternate ayarında sonraki iki saniyede başlangıca döner.

### Hesabın kapsamı nedir?

Üretilen kod indirilebilir; bu panel hareketli tarayıcı önizlemesi oynatmaz. Öğenin daha önceki transform kuralıyla birleştirme otomatik yapılmaz. Hareket kutu düzenindeki yerini değiştirmez.