Web Tasarımında On Scroll Animasyon Nasıl Kullanılır?

Animation On Scroll, web sayfalarını yüklemenin ve kaydırmanın temel etkisidir. Bir Öğe seçip ardından Özellik Paneline giderek ekleyebilirsiniz. On Scroll bağlantısına tıklayın ve Animasyon onay kutusunu işaretleyin. Bir Ön Ayar seçin ve gerekirse On Scroll Efektini özelleştirin. Kaydırma Efektinde Animasyonu görmek için önizleyin.
Kaydırma Animasyonu

Özellik kategorilerine göre göz atın

Fade Animasyon Efekti

Soldurma efekti, resim, metin veya arka plan gibi bir öğenin yavaş yavaş kaybolduğu ve web sayfasında yeniden göründüğü biçimsel bir geçiştir.

Slayt Animasyonu Efekti

Sayfa yükleme veya kaydırma sırasında öğenizin belirli bir yönde kademeli olarak bir noktadan diğerine hareket etmesini istiyorsanız Efekti ekleyin.

Yakınlaştırma Animasyonu Etkisi

Yakınlaştırma Etkisi, bir Öğenin boyutunu değiştirirken kademeli görünümün geçişidir. Web sayfası yükleme veya kaydırma sırasında bir Öğeyi kapatmaya izin verir.

Flip Animasyon Efekti

Bir Elemanın yarı dönüşünü uygulamak için Çevir efektini uygulayın, böylece mevcut Elemanın hem ön hem de arka taraflarını görebilirsiniz. Flip direği X Ekseni veya Y Ekseni ile seçebilirsiniz.

Sıçrama Animasyon Etkisi

Sayfa kaydırma sırasında Öğenin tekrar aşağı, yukarı ve hızlı bir şekilde aşağı hareket etmesini sağlamak için Sıçrama Animasyonu efektini kullanın.

Döndür Animasyon Efekti

Döndürme Etkisi, bir öğeyi deformasyon olmadan sayfada sabit bir nokta etrafında döndüren bir dönüşümü tanımlar.

Kutu Animasyon Etkisi

The Box veya Jack In The Box, popüler bir şaka oyuncağı hareketini taklit eden bir geçiş efekti yaratır. Merkezi sönümleme ile başlar ve bir taraftan diğerine sallama ile devam eder.

Flaş Animasyon Efekti

Yanıp sönme ile de ilişkilendirilen Flash Animasyon da ziyaretçilerin ilgisini çekmek için popülerdir. Animasyonlu nesnenin veya metnin opak durumuna vurgu yapan bir dizi solma ve kararma geçişleri gibi görünür.

Menteşe Animasyon Etkisi

Menteşe Etkisi ile bir Eleman, akla gelebilecek bir menteşe noktasında ani bir hızlı hareketle durarak döner veya dönmesine neden olur. Bu doğal geçiş, web tasarımınızdaki etkileşime sürpriz katabilir.