Yumuşak geçiş, bir animasyon geçişinin hızlanmasını ve yavaşlamasını değiştirebilmenizi sağlar. Google Web Designer, CSS3 spesifikasyonunda tanımlı beş standart yumuşak geçiş işlevinin yanı sıra Gelişmiş modda adım geçişleri ve bir özel yumuşak geçiş seçeneği sunar.
Not: Metin efektleri için farklı yumuşak geçiş seçenekleri mevcuttur.
Hızlı modda yumuşak geçiş
Hızlı modda, küçük resimler arasındaki tüm animasyonlu öğelere aynı yumuşak geçiş uygulanır.
Yumuşak geçişi Hızlı modda değiştirmek için:
- Küçük resimler arasındaki Animasyon karesi seçenekleri düğmesini tıklayın.
- Geçiş düzenleyicisi açılır.
-
Geçiş düzenleyicisinde, varsayılan yumuşak geçiş hazır ayarları arasında geçiş yapmak için okları tıklayın. Yumuşak geçiş süresini saniye cinsinden bir miktar girerek veya zaman alanını tıklayıp sola ya da sağa sürükleyerek de değiştirebilirsiniz.
Varsayılan yumuşak geçiş hazır ayarları
Yumuşak geçiş hazır ayarı | Açıklama |
---|---|
Doğrusal |
Animasyonlar sabit bir hızda değişir. |
Yumuşak |
Animasyonlar orta seviye hızda başlar ve sona doğru yavaşlar. |
Yumuşak çıkış |
Animasyonlar hızlı başlar ve sona doğru yavaşlar. |
Yumuşak giriş |
Animasyonlar yavaş başlar ve hızlı şekilde biter. |
Yumuşak giriş çıkış |
Animasyonlar yavaş başlar ve biter fakat orta kısımda hızlı ilerler. |
Adım bitişi |
Animasyonlar yumuşatma süresinde başlangıç konumunda kalır ve sonra doğrudan son konuma atlar. |
Adım başlangıcı |
Animasyonlar hemen son konuma atlar. |
Gelişmiş modda yumuşak geçiş
Gelişmiş mod, ek yumuşak geçiş seçenekleri sağlar:
- Birden çok kapsamın yumuşak geçişini aynı anda değiştirme.
- Özel yumuşak geçiş belirtme.
- Özel yumuşak geçişi, diğer kapsamlar için kolayca yeniden kullanmak üzere yeni bir hazır ayar olarak kaydetme.
Gelişmiş modda yumuşak geçişi değiştirmek için:
-
Yumuşak geçişini değiştirmek istediğiniz animasyonlu bir kapsamı sağ tıklayın. Aynı anda birden çok yumuşak geçişi düzenlemek için Üst Karakter tuşunu basılı tutarken tıklayarak bitişik kapsamları veya Control (Windows) ya da Command (Mac) tuşunu basılı tutarken tıklayarak bitişik olmayan kapsamları seçin, ardından seçili kapsamlardan birini sağ tıklayın. (Yalnızca animasyon içeren kapsamların yumuşak geçişleri değiştirilir.)
- Pop-up menüsündeki yumuşak geçiş hazır ayarlarından birini seçin veya yumuşak geçiş eğrilerini görmek ya da özel yumuşak geçiş belirtmek için Yumuşak geçiş seçenekleri... öğesini belirleyin.
Özel yumuşak geçiş oluşturmak için:
- Yumuşak Geçiş iletişim kutusunu açmak için bir kapsamı sağ tıklayın ve Yumuşak geçiş seçenekleri... öğesini seçin.
- Yumuşak geçişi değiştirmek için aşağıdaki yöntemlerden birini kullanın:
- Yumuşak geçiş eğrisinin şeklini ayarlamak için kontrol tutma yerlerini sürükleyin. Kontrol noktasının açısı eğrinin miktarını, uzunluğuysa hızlanma veya yavaşlamanın gücünü kontrol eder.
- Kübik bezier alanında istediğiniz Bézier eğrisinin
cubic-bezier()
işlevsel gösterimini girin. Geçersiz bir değer girerseniz alanın altı kırmızı renkle çizilir.
- İsterseniz Yeni hazır ayar olarak kaydet'i tıklayıp bu özel yumuşak geçişi bir hazır ayar olarak kaydedebilirsiniz.
- Seçili kapsam veya kapsamlarda bu özel yumuşak geçişi kullanmak için Uygula'yı tıklayın.
Özel yumuşak geçiş hazır ayarları
- Hızlı erişim. Bir kapsamı sağ tıkladığınızda açılan pop-up menüsünde, yumuşak geçiş hazır ayarlarının seçenek olarak listelendiğini görürsünüz.
- Kolay tanımlama. Hazır ayar adları, Gelişmiş mod zaman çizelgesinde görüntülenir.