Behaviors Effects Menüsü
Behaviors effects menüsü
Apeear/Fade:


Target Element : Resim bir div içerisindeyse uygulama yapacağımız divi seçeriz.
Effect duration : Resmi kaç milisaniyede belirginleştireceğimizi veya saydamlaştıracağımızı ayarlarız.
Effect : Apeear; Resmi yoktan var hale getirir.
Fade; Resmi vardan yok hale getirir.
Appear from : Resmin % sini ayarlayarak ayarladığımız miktardan netleştirme yapar.
Appear to : Appear fromda resmin % kaçı görünüyorsa bu bölümde verdiğimiz değere kadar belirginleştirir.
Toggle effect : Seçili durumda tersine uygular, değiliken baştan uygular.

Blind:

Target Element : Resim bir div içerisindeyse uygulama yapacağımız divi seçeriz.
Effect duration : Resmi kaç milisaniyede genişletip, uzatıp, kısaltacağımızı ayarlarız.
Effect : Blind Up; Resmi aşağıdan yukarıya doğru gizler
Blind down; Resmi yukarıdan aşağıya doğru açar.
Blind down from : Resmin gözükücek % sini gireriz. %20 yaptığımızda resmin %20'lik kısmından başlayarak açma efektini gösterir.
Blind down to : Girdiğimiz % değeri kadar resmi görüntüler. Blind down from da %20 değerinden başladığını varsayarsak bu kısma %70 girdiğimizde, %20'den %70'e kadar görüntüleme yapar.
Toggle effect : Seçili durumda tersine uygular, değiliken baştan uygular.
Grow/Shrink:

Target Element : Resim bir div içerisindeyse uygulama yapacağımız divi seçeriz.
Effect duration : Resmi kaç milisaniyede büyültüp, küçülteceğimizi ayarlarız.
Effect : Grow; Resmi küçükten büyüğe genişletir.
Shrink; Resmi büyükten küçüğe doğru sıkıştırır.
Shrink from : Resmi veriğimiz % boyutundan itibaren ufaltmaya başlar.
Shrink to : Resmi verdiğimiz % boyutuna kadar ufaltır.
Shrink to : Top Left Corner: Resmi div içinde sol-üst köşeden genişletip ufaltır.
Center: Resmi div ortasında genişletip, ufaltır.
Toggle Effect : Seçilii olduğunda tekrardan tıklama yaptığımızda efekti ters yönde oynatır, Seçili değilken tıklattığımızda efekti ilk haliyle yapar.
Highlight:

Target Element : Resim bir div içerisindeyse uygulama yapacağımız divi seçeriz.
Effect duration : Resmin bulunduğu div çerçevesinin kaç milisaniyede renk değişimi yapacağını ayarlarız.
Start color : Başlangıç rengi yani ilk çıkıcak renk.
End color : Start color ardından gözükecek renk.
Color After Effect : End colordan sonraki gözükecek renk.
Toggle effect : Seçili durumda tersine uygular, değiliken baştan uygular.
Shake:

Target element : Div seçimini yaparak okey butonuna basarak çıkarız.
Slide:

Target Element : Resim bir div içerisindeyse uygulama yapacağımız divi seçeriz.
Effect duration : Resmi kaç milisaniyede yukarı doğru saklayıp çıkartacağını ayarlarız.
Effect : Slide up; Resmi yukarı doğru saklar.
Slide down; Resmi yukardan aşağıya doğru çıkartır.
Slide up from : Resmin % sini ayarlayarak ayarladığımız miktardan saklama yapar.
Slide up to : Verdiğimiz %'ye göre resmin bir kısmını saklayamaz.
Toggle effect : Seçili durumda tersine uygular, değiliken baştan uygular.
Squish:


Target element : Div seçimini yaparak okey butonuna basarak çıkarız.
Kaynak Ibrahim Ülker
Yorumunuzu Ekleyin