Animasyon
Her şekil (path/circle/rect/...) sırayla, ayrı ayrı ortaya çıkar.
Animasyon kategorisi
Animasyon tipi
Şekiller arasındaki gecikme farkı — 0 = hepsi aynı anda, yüksek = daha belirgin sırayla oynatım.
Nasıl Yapılır?
- 1
SVG dosyanızı yükleyin
Animasyon eklemek istediğiniz SVG'yi seçin.
- 2
Kategori seçin
Path Ortaya Çıkışı veya Bütün Obje Hareketi kategorisinden bir efekt seçin.
- 3
Süre ve gecikmeyi ayarlayın
Animasyon süresini, gecikmesini ve tekrar sayısını ayarlayın.
- 4
İndirin
Animasyonu gömülü olarak taşıyan tek bir SVG dosyası indirin.
Özellikler
- ✓Path Ortaya Çıkışı: 20'den fazla efekt — SVG içindeki her şekli sırayla ortaya çıkarır
- ✓Bütün Obje Hareketi: 63 hazır tip — tüm SVG'yi tek parça olarak hareket ettirir
- ✓Süre, gecikme ve tekrar sayısı (loop) ayarlanabilir
- ✓Animasyon CSS'i doğrudan SVG dosyasının içine gömülür — indirdiğiniz dosya her yerde çalışır
- ✓Canlı önizleme
- ✓Tamamen tarayıcıda çalışır — SVG dosyanız sunucuya yüklenmez
Sıkça Sorulan Sorular
Dosyam sunucuya yükleniyor mu?
Hayır. Animasyon uygulama işlemi tamamen tarayıcınızda gerçekleşir — SVG dosyanız hiçbir sunucuya gönderilmez.
İndirdiğim SVG başka bir yerde de animasyonlu çalışır mı?
Evet. Seçilen animasyonun CSS'i (@keyframes ve ilgili kurallar) doğrudan indirilen dosyanın İÇİNE gömülür — dosyayı doğrudan tarayıcıda açtığınızda veya başka bir web sayfasına <img> olarak eklediğinizde de animasyon çalışır.
'Path Ortaya Çıkışı' ile 'Bütün Obje Hareketi' arasındaki fark ne?
Path Ortaya Çıkışı, SVG'nin İÇİNDEKİ her şekli (path/circle/rect/...) sırayla, ayrı ayrı ortaya çıkarır — 20'den fazla efekt seçeneği vardır. Bütün Obje Hareketi ise TÜM SVG'yi tek bir parça gibi hareket ettirir (giriş, çıkış, zıplama, döndürme gibi 63 hazır klasik animasyon efektinden biriyle).
Kaç animasyon seçeneği var?
Path Ortaya Çıkışı kategorisinde 20'den fazla, Bütün Obje Hareketi kategorisinde 63 hazır tip bulunur — toplamda 80'den fazla farklı animasyon kombinasyonu.