Bu makalemizde; Counter-Up Jquery Plugini ile web sitelerinde gördüğümüz animasyonlu sayacın nasıl yapıldığını anlatmaya çalışacağız.
Counter-Up sıfırdan bir sayıyı canlandıran bir jquery eklentisidir. Bu eklenti ile sayı görünür bir hale geldiğinde hedeflenen sayıya kadar saymaya devam eder.
Counter-Up plugini; sayı görüldüğünde saymanın başlamasını sağlamak için 1kb gibi küçük bir kurulum olan waypoints.js kullanmayı gerektirmektedir.
Kodlarımızı yazmadan önce jquery, counter-up ve waypoints.js cdn linklerini sayfamıza entegre etmemiz gerekmektedir.
Ayrıca; projemizde kullanacağımız simgeler için de font-awesome cdn linkini index.html sayfamıza eklemeliyiz.
Kaynak Kodları : İNDİR
Anlatımın bundan sonra ki bölümünü aşağıda ki veya youtube sayfamda ki videodan takip edebilirsiniz.
0 Comments
Yorum Gönder