Sayfa geçiş animasyonu
Sayfa geçiş animasyonu, bir sayfadan diğerine giderken araya konan ve iki sayfayı birbirine bağlayan hareketli geçiştir.
Aynı anlamda: page transition · view transitions · sayfa geçişi
Normalde bağlantıya tıklandığında ekran bir an boşalır ve yeni sayfa aniden belirir. Bu kopuş, sitenin "sayfalardan" değil tek bir bütünden oluştuğu hissini bozar. Geçiş animasyonu o boşluğu doldurur.
Eskiden bunun için sitenin tamamının tek sayfalık bir uygulama olarak yazılması gerekiyordu — ağır bir bedel. Bugün tarayıcıların View Transitions özelliği bunu normal sayfalar arasında da yapabiliyor; destek vermeyen tarayıcıda geçiş sessizce atlanır, sayfa normal açılır. Bu sitenin içerik sayfaları böyle çalışır.
Ne zaman kullanılır
Ne zaman mantıklı
İki sayfa arasında görsel bir süreklilik varsa — listeden ayrıntıya geçiş, karttan sayfaya açılma.
Ne zaman gereksiz
Geçiş uzun tutulursa. Yarım saniyeyi aşan her geçiş, sık gezinen kullanıcı için doğrudan bekleme süresidir.
Sık sorulanlar
Geçiş animasyonu sayfa hızını düşürür mü?
Modern yöntemde ölçülebilir bir yavaşlama getirmez, çünkü tarayıcının kendi mekanizması kullanılır. Eski yöntemde — sitenin tamamını JavaScript'e taşımak — bedeli ciddiydi.
Her tarayıcıda çalışır mı?
Hayır, ama bu bir sorun değil: desteklemeyen tarayıcı sayfayı normal açar. Buna "kademeli iyileştirme" denir — özellik varsa güzelleşir, yoksa hiçbir şey bozulmaz.
Bu terim sizin işinizde nasıl karşılık buluyor? Konuşalım.
İletişime geçin