Effect Menüsü
Effect menüsü
![Başlıksız İçerik______________________](/rs/ic/gi_1517_0.jpg?75)
ilk önce divimizi resimde gördüğünüz yerdn ekliyoruz
![Başlıksız İçerik______________________](/rs/ic/gi_1517_1.jpg?83)
Şimdi ise ekediğimiz div in içine resim koyuyoruz yukarıda nerden eklenceğini görüyoruz
![Başlıksız İçerik______________________](/rs/ic/gi_1517_2.jpg?75)
Daha sonra Behaviorus/Effect/ Appear/Fade kısmını tıklıyoruz.Karşımıza aşağıdaki pencere çıkıyor.
1-) Appear/Fade :
![Başlıksız İçerik______________________](/rs/ic/gi_1517_3.jpg?89)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_4.jpg?12)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_5.jpg?72)
Yukarıdaki örnekte alıştırdığımızda ilk önce arabanın normal resmi oluyo daha sonra mouseyle tekladığımız taktirde kaybomaya başlıyor.
![Başlıksız İçerik______________________](/rs/ic/gi_1517_6.jpg?1)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_7.jpg?70)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_8.jpg?99)
burada ise yukardaki örneğin tam tersi bir olay söz konusu ilk açılış ekranında resim yok daha sonra resim belirgenleşmeye başlıyor.
2-)Blind :
![Başlıksız İçerik______________________](/rs/ic/gi_1517_9.jpg?12)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_10.jpg?64)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_11.jpg?31)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_12.jpg?96)
Yukarıdaki örnekte belirlediğimiz noktalar arasındaki kısmı yok etmeye yarıyor.
![Başlıksız İçerik______________________](/rs/ic/gi_1517_13.jpg?4)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_14.jpg?86)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_15.jpg?9)
Bu örnekte ise yukarıdaki olayın tam teris söz konusu ilk önce belirlediğimiz noktalar olmuyor daha sonra mousenin tuşuna tıklandığı taakdirde resim orjinal haline geliyor.
3-)Grow/Shrink
![Başlıksız İçerik______________________](/rs/ic/gi_1517_16.jpg?67)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_17.jpg?87)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_18.jpg?31)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_19.jpg?77)
buradaki örnekteilk başta resim orjinal halinde daha sonra tıklandığı taktirde odak noktasından küçülmeye başlıyor
![Başlıksız İçerik______________________](/rs/ic/gi_1517_20.jpg?88)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_21.jpg?97)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_22.jpg?98)
buradaki örnekte işse ilk başta resim omuyor daha sonra basıldığı takdirde resim büyüyerek orjinal haline geliyor
4-)Shake:
![Başlıksız İçerik______________________](/rs/ic/gi_1517_23.jpg?18)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_24.jpg?56)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_25.jpg?29)
örnekte gördüğünüz gibi shake sallama effecti veriyor.
5-) Slide :
![Başlıksız İçerik______________________](/rs/ic/gi_1517_26.jpg?91)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_27.jpg?63)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_28.jpg?69)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_29.jpg?37)
örnekte gördüğünüz gibi ilk başta resim orjinal halinde daha sonra tılkandığında resim yukarıya doğru kaybolmaya başlıyor
![Başlıksız İçerik______________________](/rs/ic/gi_1517_30.jpg?29)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_31.jpg?43)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_32.jpg?19)
Burada ise yukardaki olayın tam tersi ilk önce resim olmuyor daha sona yıklandığında resim yukardan aşagı doru orjinal haline geliyor.
6-)Squist:
![Başlıksız İçerik______________________](/rs/ic/gi_1517_33.jpg?3)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_34.jpg?32)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_35.jpg?32)
![Başlıksız İçerik______________________](/rs/ic/gi_1517_36.jpg?76)
yukarıda gördüğünüz gibi bu kısım da ilk resim orjinal halinde duruyor tıklandığı halde rtesim sol üst köşeye doğru küçülmeye başlıyor.
Yorumunuzu Ekleyin