Behaviors Effect Menüsü

Effect menüsü
Nesnelerimize değişik efektler  vermemize yarayan menüdür.

İlk önce bir div içinde resim ekleyelim.
Başlıksız İçerik______________________

Sonra behaviors effect menüsünden appear fadeyi seçelim.
Başlıksız İçerik______________________

Fade
Solma efekti vermeye yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Fade from : Hangi dereceden solmaya başlayacağını ayarlarız.
Fade to : Hangi dereceye kadar solacağını ayarlarız.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçtik.
Başlıksız İçerik______________________

Resmimize fare ile tıklarız.
Başlıksız İçerik______________________

Resmimiz belirtilen sürede solma efekti alcaktır.
Başlıksız İçerik______________________

Appear
Belirme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Appear from : Hangi dereceden belirmeye başlayacağını ayarlarız.
Appear to : Hangi dereceye kadar belireceğini ayarlarız.
Başlıksız İçerik______________________

Resmimize fare ile tıklarız.
Başlıksız İçerik______________________

Resmimiz ilk olarak görünmezken yavaş yavaş belirmeye başlayacaktır.
Başlıksız İçerik______________________

En sonunda ise tamamen belirmiş olacaktır.
Başlıksız İçerik______________________

Blind
Behaviors effect menüsünden blindi seçelim.
Başlıksız İçerik______________________

Blind up
Nesnemize yukarı doğru tırmanma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind up from : Hangi dereceden yukarıya tırmanmaya başlayacağını ayarlarız.
Blind up to : Hangi dereceye kadar yukarıya tırmanacağını ayarlarız.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçtik.
Başlıksız İçerik______________________

Resmimize fare ile tıklarız.
Başlıksız İçerik______________________

Sonra resmimiz yukarıya doğru tırmanır.
Başlıksız İçerik______________________

Blind Down
Nesnemize aşağıya doğru iniş efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Blind down from : Hangi dereceden aşağıya inmeye başlayacağını ayarlarız.
Blind down to : Hangi dereceye kadar aşağıya ineceğini ayarlarız.
Başlıksız İçerik______________________

Resmimize fare ile tıklarız.
Başlıksız İçerik______________________

Sonra resmimiz aşağıya doğru iner.
Başlıksız İçerik______________________

Grow/Shrink
Behaviors effect menüsünden grow/shrinki seçelim.
Başlıksız İçerik______________________

Shrink
Nesnemize küçülme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Shrink from : Hangi dereceden küçülmeye başlayacağını ayarlarız.
Shrink to : Hangi dereceye küçüleceğini ayarlarız.
Shrink to : Nereden küçüleceğini ayarlarız.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçeriz.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Sonra resmimiz küçülme efektiyle küçülür.
Başlıksız İçerik______________________

Grow
Nesnemize büyüme efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Grow from : Hangi dereceden büyümeye başlayacağını ayarlarız.
Grow to : Hangi dereceye büyüyeceğini ayarlarız.
Grow from : Nereden büyüyeceğini ayarlarız.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Sonra resmimiz büyüme efekti ile büyür.
Başlıksız İçerik______________________

Highlight

Behaviors effect menüsünden highlighti seçelim.
Başlıksız İçerik______________________

Highlight
Nesnemize perde efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Start color : Başlangıç resmini ayarlarız.
End color : Bitiş rengini ayarlarız.
Color After Effect : Renklerden sonraki ara rengi ayarlarız.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçeriz.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Resmimizin üzerine belirttiğimiz renkte bir perde belirir.
Başlıksız İçerik______________________

Daha sonra resmimiz eski haline döner.
Başlıksız İçerik______________________

Highlight
Behaviors effect menüsünden shakeyi seçelim.
Başlıksız İçerik______________________

Shake
Nesnemize sallama efekti vermeye yarar.
TargeT Element : Nesnemizi seçeriz.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçeriz.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Daha sonra resmimiz sallanmış gibi olur.
Başlıksız İçerik______________________

Slide
Behaviors effect menüsünden slideyi seçelim.
Başlıksız İçerik______________________

Slide up
Nesnemize yukarı doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide up from : Hangi dereceden yukarı kayacağını ayarlarız.
 Slide up to : Hangi dereceye kadar kayacağını ayarlarız.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçeriz.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Daha sonra resmimiz yukarıya doğru kaymaya başlar.
Başlıksız İçerik______________________

Resmimiz sonuna kadar kayar.
Başlıksız İçerik______________________

Slide down
Nesnemize aşağıya doğru kayma efekti vermemize yarar.
Target element : Nesnemizi seçeriz.
Effect duration : Efektimizin süresini ayarlarız.
Slide down  from : Hangi dereceden aşağıya kayacağını ayarlarız.
Slide down  to : Hangi dereceye kadar kayacağını ayarlarız.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Resmimiz üstten yavaş yavaş kaymaya başlar.
Başlıksız İçerik______________________

Aşağıya doğru kaymaya devam eder.
Başlıksız İçerik______________________

Squish
Uzaklaşarak kaybolma efekti vermemize yarar.
Behaviors effect menüsünden squishi seçelim.
Başlıksız İçerik______________________

TargeT Element : Nesnemizi seçeriz.
Başlıksız İçerik______________________

Fare ile tıklama olayını seçeriz.
Başlıksız İçerik______________________

Resmimize tıklarız.
Başlıksız İçerik______________________

Resmimiz uzaklaşma efekti ile uzaklaşır.
Başlıksız İçerik______________________



Kaynak Reha Gürsel
Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...