Web animasyonu bu zamana kadar iyi bir yol kat etti. Geliştiriciler yalnızca CSS / SVG / JS kombinasyonunu kullanarak herhangi bir animasyon yapamaz diyemeyiz, ancak zamandan tasarruf etmek isterseniz de internette sizin için düzinelerce ücretsiz kütüphane bulunuyor. Ancak bugün tanıtacağımız kütüphane benim için en güzel ve aynı zamanda tamamen ücretsiz kütüphanedir.
Bu kütüphane ile her şeyi yapabilirsiniz. JavaScript üzerine kurulu ancak aynı zamanda CSS animasyonlarına da gösterebilme yeteneğine sahip. Ayrıca DOM aracılığıyla tek tek sayfa öğelerini çevirebilirsiniz veya hatta özel SVG’leri bile çevirmeniz mümkün.
Tüm belgeleri GitHub‘da barındırılıyor, bu nedenle tam olarak ne aradığınızı bulmak için araştırmanız gerekebilir. Ancak her animasyon özelliği, gecikme, süre ve hafifletme gibi birkaç parametre ile birlikte gelir. Yapmanız gereken ise bu özellikleri kendinize göre ayarlamak. Julian Garner isimli bu geliştirici arkadaş yaparken bizleri de düşünmüş. Bu yaptığından ötürü kendisine teşekkür ediyoruz.
Bu kütüphanenin birçok varsayılan animasyon stili ile birlikte gelmediğini unutmayın. Anime.js, animasyonlarını ayrıntılı kod yazmadan özelleştirmek isteyen geliştiriciler için düzenleme şansı tanır. Aşağıdaki Codepen örneğini bir inceleyin. Kod son derece basit ancak içinde kullanılan squash ve stretch plus nedeniyle biraz karmaşık görünebilir biraz incelerseniz ne kadar güzel işler yapılabileceğini öğrenmiş olacaksınız.
Bir uyarı: Anime.js kitaplığı karmaşıktır. Özel bir animasyon oluşturmak bu kadar zor değildir, ancak kolaylaştırma ve seçenekler için JavaScript’in bazı temel özelliklerini anlamanız gerekiyor. Şu an kütüphane ile alakalı her şey GitHub reposunda bulunmakta. Dilerseniz oradan erişim sağlayabilirsiniz.
Buradan, yazarın GitHub sayfasına erişim sağlayabilirsiniz.
Buradan, kütüphanenin internet sayfasına erişim sağlayabilirsiniz.
Yorum yoluyla bize istek ve görüşlerinizi bildirmeyi unutmayın, Sağ üst taraftan Mail Aboneliği alabilir, en yeni yayınlarımızdan ilk siz haberdar olabilirsiniz. Tekrar görüşmek üzere, esen kalın 🙂
