Cuma 24 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. Anime.js ile En Güzel Animasyon Kütüphanesi
 Anime.js ile En Güzel Animasyon Kütüphanesi
JavaScript Verimlilik

Anime.js ile En Güzel Animasyon Kütüphanesi

Yazar : Furkan Baycan 11 Nisan 2017 0 Comment

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 🙂

Etiketler: animasyon kütüphanesi anime.js javascript javascript animasyon kütüphanesi js js animasyon kütüphanesi
Önceki Yazı
Sonraki Yazı

Furkan Baycan (Website)

administrator

Güvenlik ve Web Programcılığı alanında çalışıyorum. Bu alanlarda da sizler için mutfakta yazılar yazıyorum. Siz de çok değerli projeleriniz ve yorumlarınızla mutfağa katkıda bulunabilirsiniz.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.