> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Animasyonlar > Logo hareketlerini, kart girişlerini, hover efektlerini ve iskelet yükleyiciyi düzenleyin. Sayfa Yaratıcı’da **Animasyonlar** bölümünü açın. Logo hareketleri için **Logo Animasyonları**, kart ve yükleme davranışları için **İçerik Animasyonları** düzenleyicisini kullanın. ## Logo yüksekliğini ve hareketini ayarlayın **Logo Animasyonu** anahtarı hareketi açıp kapatır. **Logo Yüksekliği (px)** alanına **32–300** arasında bir değer girerek logonun ekrandaki boyutunu belirleyin. Görsel dosyasını değiştirmek için [Logo](https://docs.zonely.gen.tr/guides/page-builder/logo.md) bölümüne geçin. [![Logo animasyonu, Katman Ekle, Katman ayarları, Hareketi azalt](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/11-logo-animasyon.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=0eb6d5a09522ea1151245fe5975867f8)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon.png) > [card] 1. Logo animasyonu > > Logonun hareketini açıp kapatın; yüksekliği ayrı ayarlayın. > [card] 2. Katman Ekle > > Her katmanda farklı bir hareket ve çalışma modu kullanabilirsiniz. > [card] 3. Katman ayarları > > Tür, süre, gecikme ve modu seçin. Yukarı/Aşağı ile sıralamayı değiştirin. > [card] 4. Hareketi azalt > > Daha sakin bir görünüm için azaltılmış hareket ayarını kullanın. **Katman Ekle** düğmesiyle bir hareket ekleyin. Her katmanın **Tür**, **Süre**, **Gecikme** ve **Mod** alanlarını doldurun. Süre ve gecikme milisaniyedir; **1000 ms, 1 saniyedir**. Tür listesinde zıplama, sallanma, nabız, soluklaşma, kayma, yakınlaşma, çevirme, bulanık giriş ve parıltı gibi hareketler bulunur. Önce tek katmanla başlayıp **Önizlemeyi Yeniden Oynat** düğmesine basın; ardından gerekirse ikinci katmanı ekleyin. **Giriş** başlangıç hareketleri içindir. **Ardışık** katmanları sırayla oynatır. **Sonsuz Döngü**, başlangıçtan sonra tekrar edecek katmanlar için kullanılır. Listede bulunan **Çıkış** modu mevcut logo önizlemesinde kendiliğinden tetiklenmez. Katmanın **Yukarı / Aşağı** düğmeleri sırasını değiştirir; **Sil** yalnız o katmanı kaldırır. **Hareketi Azalt** seçeneğiyle önizlemedeki hareketi durdurabilirsiniz. Cihazın azaltılmış hareket tercihi de dikkate alınır. ## Kartların giriş animasyonunu hazırlayın **İçerik Animasyonları** penceresinde **Animasyonlar** anahtarını açın. Ayrıntılı alanlar görünür. [![Tetikleyici, Süre ve sıralama, Görünürlük eşiği, Hareket eğrisi](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=9a9aa9539ed5b8b6f58434c606585774)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon.png) > [card] 1. Tetikleyici > > Hareket sayfa yüklenince veya kart görünür alana girince başlar. > [card] 2. Süre ve sıralama > > Süre hareket uzunluğudur; sıralı gecikme kartlar arasında bekletir. > [card] 3. Görünürlük eşiği > > 0–1 arası değer, görünmesi gereken kart oranını belirler. > [card] 4. Hareket eğrisi > > Hazır eğrilerden birini seçin veya easing değerini düzenleyin. **Tür** alanından Soluklaş, Yukarı Kay, Sağa Kay, Yakınlaş veya Çevir seçin. **Tetikleyici**, hareketin **Sayfa Yüklenince** mi yoksa kart **Görüş Alanına Girince** mi başlayacağını belirler. * **Yön Filtresi:** Her yönde, aşağı kaydırırken veya yukarı kaydırırken çalışma koşuludur. * **Sadece Bir Kez:** Hareketi tek oynatımla sınırlar. * **Ekrandan Çıkınca Gizle:** Görünür alan dışına çıkan kartın davranışını belirler. Tekrar oynatma tercihinizle birlikte kontrol edin. * **Süre:** Hareketin uzunluğudur; **100–2000 ms** arasında ayarlanır. * **Sıralı Gecikme:** Kartların arka arkaya başlaması arasındaki süredir; **0–500 ms** aralığındadır. * **Eşik:** Kartın ne kadarının görünmesi gerektiğidir; **0–1** arasında bir oran girilir. **0,15**, yaklaşık yüzde 15 anlamına gelir. * **Önden Başlatın:** Başlangıç mesafesini **0–400 px** arasında ayarlar. **Zamanlama** bölümünden Yumuşak, Standart, Dinamik, Yay, Hızlı veya Doğrusal eğriyi seçin. Özel bir hareket eğriniz varsa ilgili değeri düzenleyin. **Canlı Önizleme** alanında sonucu inceleyin. ## Kartların üzerine gelme efektini seçin **Üzerine Gelince** seçeneği hover efektini açar. **Kaldır**, **Gölge** veya **Eğim** türlerinden birini seçin. **Hover’ı Tamamen Kapat** seçeneğini de birlikte kontrol edin. [![Üzerine gelme efekti, Eğim davranışı, Ölçek ve süre](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=4cd278b03f84ad44ccad465089f63623)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri.png) > [card] 1. Üzerine gelme efekti > > Kaldır, Gölge veya Eğim görünümünden birini seçin. > [card] 2. Eğim davranışı > > İmleci Takip veya Sabit Açı modunu kullanın. > [card] 3. Ölçek ve süre > > Kartın büyümesini ve hareket süresini ayrı ayarlayın. Eğim kullanıyorsanız **İmleci Takip** ile hareketin fareye bağlı olmasını, **Sabit Açı** ile belirli bir eğimde kalmasını sağlayın. **Tilt Gücü** eğimin yoğunluğunu, **Z Dönüş** dönüşü, **Kartlar Arası Zikzak** dönüşlerin dönüşümlü kullanımını ayarlar. **Büyütme** kartın ölçeğini, **Süre** geçiş uzunluğunu belirler. Telefonlarda fareyle üzerine gelme davranışı bulunmayabileceğinden kartın bağlantısını ve düğmelerini dokunarak da deneyin. ## İskelet yükleyiciyi ayarlayın **İskelet Yükleyici**, içerik hazırlanırken görünen yer tutuculardır. **Resimlerde** ve **Metinlerde** seçimleriyle hangi içeriklerde kullanılacağını belirleyin. [![İskelet yükleyici, Görsel ve metin, Parıltı görünümü](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=8c555fc96cae9c80731c95128bcad6e2)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici.png) > [card] 1. İskelet yükleyici > > İçerik hazırlanırken gösterilen yer tutucuları açıp kapatın. > [card] 2. Görsel ve metin > > Yer tutucuların hangi içeriklerde kullanılacağını seçin. > [card] 3. Parıltı görünümü > > Köşe yarıçapını ve parıltının süresini ayarlayın. **Parıltı Efekti** hareketi açıp kapatır. **Köşe Yarıçapı** yer tutucunun biçimini, **Parıltı Süresi** hareketin hızını ayarlar. Önizlemeyi kontrol edip pencereyi kapatın ve **Tümünü Kaydet** düğmesine basın. Kullanıcı sayfasında ilk açılışı, aşağı/yukarı kaydırmayı ve kart etkileşimlerini inceleyin. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.