Effect Menüsü
Effect menüsü

ilk önce divimizi resimde gördüğünüz yerdn ekliyoruz

Şimdi ise ekediğimiz div in içine resim koyuyoruz yukarıda nerden eklenceğini görüyoruz

Daha sonra Behaviorus/Effect/ Appear/Fade kısmını tıklıyoruz.Karşımıza aşağıdaki pencere çıkıyor.
1-) Appear/Fade :



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.



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 :




Yukarıdaki örnekte belirlediğimiz noktalar arasındaki kısmı yok etmeye yarıyor.



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




buradaki örnekteilk başta resim orjinal halinde daha sonra tıklandığı taktirde odak noktasından küçülmeye başlıyor



buradaki örnekte işse ilk başta resim omuyor daha sonra basıldığı takdirde resim büyüyerek orjinal haline geliyor
4-)Shake:



örnekte gördüğünüz gibi shake sallama effecti veriyor.
5-) Slide :




ö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



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:




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