Lake.js

0
429
Görüntülenme

waves animation

Web sitenizdeki resimlere su dalgası efekti vermeniz için yapılmış ve kullanımı süper kolay olan bir animasyon örneği. Resme sadece dalgalanma efekti vermek ile kalmayıp fotoğrafı ters düz edebilme özelliği de bulunuyor. İstediğiniz herhangi bir  bölümde kolaylıkla kullanabilirsiniz. Sadece bu uygulamayı kullanarak çok güzel bannerler de yapabilirsiniz. Lake.js ile  yansıma ve dalga efekti vermek istediğiniz  fotoğrafı önce div id=”lakes”></div> alanı içine eklemeniz gerek ve fotoğraf adresinin yani src adresinin idesini de id=”lake-img” olarak girmeniz gerekiyor. Örnek : <img id=”lake-img” src=”resim.jpg” style=”display: none;”/> şeklinde  yapmalısınız.

Herhangi bir düzenleme aracına (photoshop, photoscape vs.) ihtiyacınız  yok. Javascript kodlar bölümünde scale (büyütme), speed (hız), waves (akım) kelimelerinin yanındaki rakamlarlı değiştirerek kendinize  göre değişik hızlar da uygulayabilmeniz mümkün. Akım hızları ve boyutları sabit değildir. Eklediğim demoda biraz büyük ve yavaş hızlı hareket ediyormiş gibime geliyor. Siz kendinize  göre düzenleyerek daha gerçekçi örnekler hazırlarsınız artık.

Kullanım

  • Head etiketleri arasına eklenmesi gereken bölümler.

jQuery ve Lake eklentisinin url adresleri : 

 JavaScript : 

 Css : 

  •  Body etiketleri arasına eklenmesi gereken bölüm.

Html : 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikFlashyMenu
Sonraki İçerikSnapWire
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.