giriş.png-AniJS Ile Animasyonlu Giris Sayfasi Yapma-cahitsoyman.blogspot.com
Bu makalemde, projelerinizde kullanacağınız farklı bir animasyon kütüphanesi ile yapılan bir giriş sayfasının nasıl yapıldığını anlatmaya çalışacağım.
AniJS, kullanarak herhangi bir  kod yazmaya gerek kalmadan etkileşimli  animasyonları oluşturarak  web sitenize ekleyebilirsiniz.

 AniJS yi web sitenize uyguladığınızda, etkileşim ve animasyonları hızlı bir şekilde test edebilir, ziyaretçilerinizden geri bildirim alabilirsiniz. Bütün bunları kopyala yapıştır yöntemiyle sitenizde ki mevcut kodlarla bütünleştirebilirsiniz.

AniJs nin uygulama için kullandığı biçim, diğer animasyon kütüphaneleri ile karşılaştırıldığında tamamen farklıdır.

AniJS yi kullanarak, fadeIn, SlideOut, geçiş, sıçramalar, tıklama, kaydırma, sayfa yükleme gibi etkileşimlerileri Css3 animasyonlarıyla çalıştırarak sitenize kolayca eklebilirsiniz.

AniJs animasyonların tümünü http://anicollection.github.io/#/ adresinden görebilirsiniz.

 Nasıl Kullanılıyor

Şimdi AniJs plugini kullanarak bootstrapla bir giriş sayfası uygulaması yapalım.

AniJS yi https://github.com/anijs/examples/archive/gh-pages.zip adresinden indirebilirsiniz.

1-Body nin kapanışından önce Script src tagları arasına AniJS  kütüphanesini aşağıdaki gibi ekleyiniz.

<script src="js/anijs/anijs.js"></script>








2- Animayon css kütüphanesini head tagları arasına ekleyiniz.














<link href="css/animate.css" rel="stylesheet" type="text/css">

















Kaynak Kodları İNDİR:







Anlatımı görsel olarak aşağıdaki videodan veya youtube sayfasından takip edebilirsiniz.