Hareket.
Her piksel, bir amaçla hareket eder.
Hareket, her Yayla sitesinin animasyon motorudur. Akıcı render için zaman çizelgesi tutar, GPU hızlandırmalı transform ve opacity özellikleriyle çalışır, sunucu tarafında önceden render edilir. Siz bir preset seçersiniz, motor gerisini halleder.
Hazır animasyonlar, beş kategori altında.
Giriş animasyonlarından kaydırma tetikleyicilerine, hover efektlerinden sıralama dizilerine kadar beş kategori bulunur. Her preset tek bir seçimle aktif olur; özelleştirme isteğe bağlıdır.
Animasyon GPU katmanında çalışır.
Hareket motoru yalnızca transform ve opacity özelliklerini animate eder. Bu iki özellik tarayıcının compositor thread'inde çalışır; layout veya paint tetiklenmez. Orta seviye cihazlarda bile akıcı render hedeflenir.will-change optimizasyonu otomatik olarak uygulanır.
Sunucu tarafı render ve erişilebilirlik öncelikli.
Animasyonlar sunucu tarafında önceden render edilir; layout shift sıfırdır. Azaltılmış hareket tercihi otomatik olarak gözetilir; geliştiricinin ek kod yazmasına gerek kalmaz.
SSR Ön-render
- Animasyonlar sunucuda pre-render edilir
- CLS skoru: 0
- İlk yükleme görsel tutarlılığı
- Hydration sırasında flash yok
Azaltılmış Hareket
- prefers-reduced-motion otomatik algılanır
- Tüm animasyonlar devre dışı bırakılır
- Geliştirici müdahalesi gerekmez
- WCAG 2.1 AA uyumlu
Erişilebilirlik
- Semantik HTML korunur
- ARIA roller etkilenmez
- Klavye navigasyonu bozulmaz
- Ekran okuyucu uyumlu
Sitenizi birlikte kuralım.
Erken erişim sürecindeyiz. Projenizi başlatın, başvurunuzu inceleyelim.