Kullanıcı Kılavuzu İptal

Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme

 

 

CSS Geçişleri panelini kullanarak CSS3 geçişleri oluşturabilir, değiştirebilir ve silebilirsiniz.

CSS3 geçişi oluşturmak için, öğenin geçiş özelliklerine yönelik değerleri belirterek bir geçiş sınıfı oluşturun. Geçiş sınıfı oluşturmadan önce bir öğe belirlerseniz, geçiş sınıfı otomatik olarak seçili öğeye uygulanır.

Oluşturulan CSS kodunu geçerli belgeye eklemeyi veya harici bir CSS dosyası belirtmeyi tercih edebilirsiniz.

CSS3 geçiş efekti oluşturma ve uygulama

  1. (İsteğe bağlı) Geçişi uygulamak istediğiniz bir öğe (paragraf, başlık vb.) belirleyin. Alternatif olarak, bir geçiş oluşturabilir ve bunu daha sonra bir öğeye uygulayabilirsiniz.

  2. Pencere > CSS Geçişleri seçeneğini belirleyin.

  3. öğesini tıklatın.

  4. Yeni Geçiş iletişim kutusundaki seçenekleri kullanarak bir geçiş sınıfı oluşturun.

    Hedef Kural

    Seçici için bir ad girin. Seçici; bir etiket, kural, kimlik veya bileşen seçicisi gibi herhangi bir CSS seçici olabilir. Örneğin, <hr> etiketlerinin tümüne geçiş efektleri eklemek istiyorsanız, hr öğesini girin

    Şu Durumda Geçiş Yap:

    Geçişi uygulamak istediğiniz bir durum belirleyin. Örneğin, geçişi fare öğe üzerine geldiğinde uygulamak istiyorsanız üzerine gelindiğinde seçeneğini kulanın.

    Tüm Özellikler İçin Aynı Geçişi Kullan

    Geçiş uygulamak istediğiniz tüm CSS özellikleri için aynı Süre, Gecikme ve Zamanlama İşlevi'ni belirtmek istiyorsanız bu seçeneği belirleyin.

    Her Özellik İçin Farklı Bir Geçiş Kullan

    Geçiş uygulamak istediğiniz CSS özelliklerinin her biri için farklı bir Süre, Gecikme ve Zamanlama İşlevi belirtmek istiyorsanız bu seçeneği belirleyin.

    Özellik

    Geçişe CSS özelliği eklemek için  öğesini tıklatın.

    Süre

    Geçiş efekti için saniye (s) veya milisaniye (ms) cinsinden bir süre girin.

    Gecikme

    Geçiş efekti başlamadan önceki süre (saniye veya milisaniye cinsinden).

    Zamanlama işlevi

    Kullanılabilir seçeneklerden bir geçiş stili belirleyin.

    Bitiş Değeri

    Geçiş efektinin bitiş değeridir. Örneğin font boyutunun, geçiş efektinin sonunda 40 piksel artmasını istiyorsanız, font boyutu özelliğini 40 piksel olarak belirtin.

    Geçişin Nerede Oluşturulacağını Seç

    Stili, geçerli belgeye gömmek için Sadece Bu Belge seçeneğini belirleyin.

    CSS3 kodu için harici bir stil sayfası oluşturmak istiyorsanız Yeni Stil Sayfası Dosyası seçeneğini belirleyin. Geçiş Oluştur öğesini tıkladığınızda, yeni CSS dosyasının kaydedileceği bir konum belirlemeniz istenir. Stil sayfası oluşturulduktan sonra Geçişin Nerede Oluşturulacağını Seç menüsüne eklenir.

CSS3 geçiş efektlerini düzenleme

  1. CSS Geçişleri panelinde, düzenlemek istediğiniz geçiş efektini seçin.

  2. Tıklat  .

  3. Geçiş için önceden girilen değerleri değiştirmek üzere Geçişi Düzenle iletişim kutusunu kullanın.

Geçişler için CSS stenosunu devre dışı bırakma

  1. Düzen > Tercihler seçeneğini belirleyin.

  2. CSS Stilleri seçeneğini belirleyin.

  3. Steno Kullan içinde Geçiş öğesinin seçimini kaldırın.


Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?