Denemek zorunda olduğunuz 75 Web Animasyon Araçları
Animasyon, pençelerini web arayüzlerine alan trendlerden biridir. Popülerliği dalgalanıyor, ancak her yerde, her yerde, herhangi bir web sitesinde önemli bir bileşen olarak.
Küçük, zar zor görünen yükleme makaralarından, film deneyimi gibi tüm sayfa geçişlerine kadar, animasyon her alana ulaşır tasarımlarımızın
Animasyon dahil etmek isteyen tasarımcılar için, bir dizi seçenek mevcut. Arayüzü sadece görselleştiren tamamen dekoratif geçişlerden, kullanıcı deneyimlerini zenginleştiren anlamlı etkilere kadar, koleksiyonumuz çeşitli ölçeklerin animasyonlarını ve farklı amaçlarla kullanmanıza olanak tanıyan araçları kapsamaktadır. İşte kontrol etmek isteyeceğiniz 75 eklenti ve kütüphane var; Bunları her zaman kullanmayacaksınız, ama her birinin ideal bir kullanım çantası var ve bazıları tekrar tekrar kullanacaksınız…
1. Animate.css
Animate.css birçok çözümün altında yatan temiz çapraz tarayıcı animasyonlarının temel bir kütüphanesidir. Klasik sıçramalardan ve solmalardan modern katlara ve benzersiz efektlere kadar hemen hemen her projenin ihtiyaçlarını karşılayabiliyor.
2. Sihirli Animasyonlar
Sihirli Animasyonlar Bir arayüze belirli bir lezzet veren olağanüstü efektlere odaklanır. Kütüphane muazzam bir çeşitliliğe sahip olmasa da, kullanıcı deneyimini zenginleştirmek için yeterlidir.
3. Bounce.js
Bounce.js CSS tabanlı animasyonlarla deneyler yapabileceğiniz küçük bir oyun bahçesi. Sadece bir bileşen ekleyin ve herşeyi yaşamak için ayarları ayarlayın. Ve sonunda, css dosyasını dışa aktarın.
4. AnijS
anijs If, On, Do, To gibi basit komutları kullanarak animasyonu sezgisel bir şekilde ele almaya yardımcı olur. Harika olan şey, harika bir şey yaratmak için kendi sınıflarınızı veya Animate.cs'leri (daha önce bahsedilen) kullanabilmenizdir.
5. Snabbt.js
Snabbt.js hızlı animasyonlar getiren minimal yaklaşımıyla ünlüdür. Sadece 5 kilo ağırlığındadır; bununla birlikte, herhangi bir bileşenin şeklini çevirerek, döndürerek, eğrilterek, ölçeklendirerek veya yeniden boyutlandırarak görünür bir destek verebilir.
6. Kute.js
Kute.js mükemmel performans sağlayan bir sterlin animasyon motorudur. Eski tarayıcıları ele alan bir dizi uygulanabilir geri dönüşler sayesinde, farklı tarayıcılarda hızlı ve uyumludur. Verimli bir çalışma ortamı sağlamak için çok sayıda eklenti ile birlikte gelir.
7. Velocity.js
Velocity.js ilk bakışta temsilci görünmeyen bir animasyon motorudur. Bununla birlikte, cephanelik, morphing, loop, gevşeme, kaydırma vb. Gibi tüm normal animasyon türlerini içerir. Hızlı ve jQuery bağımsızdır.
8. Tembel Çizgi Ressam
SVG yol animasyonları ile kolay Tembel Çizgi Ressam . Çizgi resminizi Illustrator'dan SVG formatında alın ve dönüştürücüye yükleyin. İkincisi, animasyon işlemini ele alan bir jQuery dosyası oluşturur. Eğer gerekliyse, kodun içinde değişiklik yapabilirsiniz.
9. SVG.js
SVG.js SVG'leri manipüle edip canlandırabileceğiniz sezgisel bir ortam sunar. Temiz sözdizimi ve birleşik API ile küçük ve bağımsızdır. İstediğinizi yapın: canlı boyut, renk, konum, metin yolları; bileşenleri dönüştürmek; etkinlikleri vb. bağla
10. Hareket UI'si
Önceki örneklerden farklı olarak, Hareket UI ilgi çekici CSS animasyonları oluşturmak için SASS avantajını kullanır. Herhangi bir HTML bileşenine uygulanabilecek bir dizi önceden tanımlanmış geçiş ve efekt vardır. Her şey IE9 dışındaki tüm popüler tarayıcılarda çalışır.
11. Bekleyin! canlandırmak
Bekleyin! canlandırmak Gecikmeleri çalıştırmanıza izin verir ve animasyonları basit bir şekilde bekler. Küçük panel boyunca gerekli tüm zaman aralıklarını hesaplayın ve koşuşturma olmadan doğal bir animasyon oluşturun.
12. Dynamics.js
Dynamics.js oynamak için 9 standart efektler sunan JavaScript ile çalışan bir kütüphanedir. Gerçek hayattaki fizik tabanlı animasyonları elde etmek için süre, frekans, sürtünme, beklenti boyutu ve beklenti gücünü belirtebilirsiniz.
13. Choreographer.js
İle Choreographer.js parmaklarınızın ucunda karmaşık animasyonlardan korkmamalısınız, çünkü bu JavaScript kütüphanesi tüm ağır yükleri kaldırır. Her ne kadar sınırlı sayıda animasyon ile uğraşsa da, kendi başyapıtlarınızı üretebilmeniz için özel işlevlerle çalışmanızı sağlar.
14. Anime.js
Birden fazla animasyonu zincirleme, farklı örnekleri senkronize etme, çizgi çizme, nesneleri değiştirme, bireysel animasyonlar oluşturma, vb. JavaScript animasyonu motoru Potansiyeliyle sizi şaşırtacak.
15. Mo.js
Mo.js Web için hareket anlamına gelir. İnanılmaz hızlı ve aynı zamanda sezgisel ve basit. İlgi çekici yollar, beklenmedik diyalog modal geçişleri, kabarcık düzenleri, patlatma animasyonları ve çok daha fazlasını oluşturun.
16. Sequence.js
Sequence.js Duyarlı dokunma etkin adım tabanlı animasyonlar oluşturmak için CSS tabanlı bir çerçevedir. Kaydırıcılar, sunumlar, afişler ve diğer dinamik bileşenler oluşturmak için idealdir. Birkaç premium plan arasında, size kişisel bir açık kaynak lisansı veren ücretsiz bir tane bulacaksınız.
17. Shifty
kaypak optimizasyon, hızlı performans, esneklik ve genişletilebilirlik üzerinde güçlü bir odaklama ile bir arası doldurma motorudur. GreenSock için daha basit bir alternatif ile daha uygun bir alternatif olarak kabul edilir.
18. salı günü
Salı diğer kütüphanelerle birlikte kullanılabilecek bağımsız bir animasyon kütüphanesidir. Giriş ve çıkışların pürüzsüz, ince ve zarif görünmesini sağlar. Fade-ins, expand-ins, shrink-ins, drop-ins, vb. Gibi çeşitli standart efektler sunar.
19. CSS Animate
CSS Animate herhangi bir normal animasyon için geçerli ve dağınık olmayan bir kod oluşturan ilkel bir oyun alanıdır. İsim, sınıf, animasyon özellikleri, çerçeve özellikleri ayarlayın; Zaman çizelgesini manipüle etmek ve işaretçiler eklemek: tek kelimeyle, düzenli bir ana kare tabanlı animasyon oluşturmak için gereken her şeyi ayarlayın.
20. Vivus.js
Üç tür animasyon ile nakliye: tekerrür, senkronize etme ve tek tek gösterme, Vivus.js Bileşenin ortaya çıkmasını hoş bir deneyim haline getiren pürüzsüz ve doğal bir şekilde bir SVG çizecektir. Önceden tanımlanmış animasyonlar için gidebilir veya kendi özel işlevlerinizi kullanabilirsiniz.
21. Bonsai.js
Bonsai.js gelişmiş grafik manipülasyonları için bir JavaScript kütüphanesidir. Oldukça basit bir API ve SVG oluşturucuya sahiptir. Bir test sürüşü yapmak, sözdizimini öğrenmek ve hatta bazı örnekleri indirmek için çevrimiçi düzenleyicisini kullanın.
22. GSAP GreenSock tarafından
GSAP Profesyonel animasyonlarda hedeflenen güçlü bir animasyon platformudur. Çeşitli animasyon türlerinden sorumlu olan çok sayıda eklentiye ve yardımcı programa sahiptir. BezierPlugin, CSSPlugin, DrawSVGPlugin, MorphSVGPlugin, Physics2DPlugin, TweenLite vb.
23. Popmotion
Popmotion koleksiyonumuzda Greensock'a bir başka hafif ve kullanışlı alternatif. Her bir çerçeve üzerinde tam kontrol sağlayan bir hareket motorudur. Karmaşık çözümler oluşturmak için gelişmiş bir ara, renk karıştırma ve bir dizi işlev ve eylemleri vardır.
24. Tween.js
İnanılmaz şeyler ile çok sayıda şey yapılıyor. Tween.js . Animasyonu kontrol altında tutmak için çok sayıda parametreye sahip son teknoloji bir ara doldurma motorudur. Ayrıca, Three.js tarafından yönetilen projeleri geliştirmek için mükemmel bir çözümdür.
25. Hover.css
Hover.css 'kütüphane birkaç temel kategoriye ayrılabilir: 2D geçişler, arka plan geçişleri, ikon animasyonları, sınır geçişleri, gölge ve parıltı geçişleri, konuşma balonları ve bukleler. Bu efektleri tasarımınızdaki herhangi bir öğeye kısıtlama olmadan uygulayın.
26. Transit
Özelliklerin listesi Transit Oldukça kısaysa da, 2D ve 3D dönüşümleri oluşturmak için en önemli şeyleri içerir. Örneğin, gecikmeleri ve süreleri belirleyebilir, hareket hızı işlevi ekleyebilir, göreli değerleri kullanabilir ve daha fazlasını yapabilirsiniz.
27. Roket
Roket Bir nesnenin hareketini bir noktadan diğerine güzelleştirmek için bir çözümdür. Bu yolculuğa güzel bir lezzet veren pulsasyon veya rotasyon gibi 8 özel efekt vardır .
28. Animo.js
Animo.js geçişler ve animasyonlar üzerinde bir ele almak için nispeten küçük bir araçtır. Kütüphaneyi zenginleştiren ve istenen etkiyi elde etmeyi çok daha kolay hale getiren geri sayım, döndürme ve animasyon gibi ekstra eklentilerden oluşan bir kümeye sahiptir.
29. Shift.css
Shift.css iç içe geçmiş ve uyarlanabilir öğeleri etkileyen bir kapsayıcıda animasyonlar oluşturmak için bir çerçevedir. Hareketli, giren, çıkan, bırakan ve diğer bazılarını içeren 15 tür standart animasyon vardır.
30. CSShake
CSShake DOM öğelerinizi sallamak için zorlayan 11 sınıfla birlikte gelir. Yönü (yatay veya dikey), türü (sabit, çılgın, sabit, yığın), yoğunluğu (yavaş veya zor) seçebilir veya yalnızca varsayılan seçenek için gidebilirsiniz.
31. Safran
Eğer animasyonları ve geçişleri kolayca ve hızlıca manipüle etmek için mixins kullanmayı tercih ederseniz Safran kesinlikle senin için. Değişkenleri ve parametreleri ayarlayabileceğiniz Sass dilinde yazılmış yeniden kullanılabilir yöntemlerin bir derlemesidir.
32. CSSynth
CSSynth senkronizasyon güzelliğinin tadını çıkarabileceğiniz küçük bir editör. Animasyon, sol panelde belirleyebileceğiniz sayıda kareye dayanmaktadır. Bir efekt seçin, gecikme ayarlayın ve sonuç kodunu CSS veya SCSS formatında indirmek isteyip istemediğinizi seçin.
33. Ceaser
ceaser klasik hareket hızı animasyonları ile denemeler yapmak için eski, zaman kanıtlanmış bir araçtır. Doğrusaldan başlayan ve özel olanla biten çeşitli varyantlar vardır. İki ekstra parametre (süre ve etki) sonucu mükemmelleştirmek için yardımcı olacaktır.
34. Morf.js
Yukarıda belirtilen aracı biraz daha ileriye almak için Morf.js . Özel hareket hızı işlevlerine dayalı geçişler sunar. Projenize hızlı bir şekilde adapte edebileceğiniz yaklaşık 40 adet önceden tanımlanmış seçenek vardır.
35. Voxel.css
Voxel.css 3D render için özel olarak oluşturuldu. Basit uygulaması, yeni CSS'lerin bile kavramasını sağlar. Kütüphanenin 4 önemli sınıfı var: Sahne, Dünya, Editör ve Voxel, oyunlar oluşturmaya ve aksiyonun tadını çıkarmaya yardımcı oluyor.
36. Daha fazla bilgi
Repaintless.css Animasyonu hızlı ve pürüzsüz hale getirmek için FLIP tekniğini kullanır. Bazı iyileştirmeler gerektirse de; Yine de, performansa özel önem verenler için mükemmel bir başlangıç.
37. MixItUp
MixItUp filtreleme, sıralama, ekleme ve portföyler, galeriler, vb. gibi çoğunluk arabirimlerinin doğasında bulunan diğer varsayılan eylemleri güzelleştirmek için bir kütüphanedir. Bağımlılık içermez ve yüksek bir performans düzeyi vaat eder.
38. Wallop
Başlık olarak, dövmek şeyleri hoş bir şekilde göstermek ve saklamak içindir; tahmin edilebilir şekilde, genel kullanımı sürgülerin inşasında yatmaktadır. Bununla birlikte, hiç kimse kendi potansiyelini kullanmasını ve ilginç ve ilgi çekici bir şey oluşturmanızı engellemez.
39. Ramjet
tepkili jet bir unsuru, hareket hızı fonksiyonu ile gerçekleşen hareket yanılsamasıyla dönüştürür. DOM elemanları, SVG'ler, statik görüntüler veya hareketli görüntüler ile çalışabilir.
40. jQuery DrawSVG
Güçlü bir jQuery animasyon motoruna dayanarak, SVG'nin içindeki tüm yolları etkileyici bir şekilde ve aynı zamanda zarif bir giriş sağlayan etkileyici bir şekilde çizer. Prosedür basit: ekle eklenti sayfaya, başlatıp animasyonu çalıştırın.
41. Animatic.js
Animatic.js her şeyi hayata geçirmek için CSS dönüşümleri, 3D dönüşümler ve JavaScript kullanan entegre fizik kuralları ile harika bir çapraz tarayıcı çözümüdür. Ana görevi, aynı anda çok sayıda nesneyi canlandırma çabalarınızı azaltmaktır. Paralel ve ardışık animasyonları, süresi, gecikmeyi ve yavaşlama işlevini dikkatli bir şekilde ayarlayarak oluşturabilirsiniz.
42. Move.js
Move.js ölçekleme, eğriltme, taşıma veya çeviri gibi düzenli animasyonlar oluşturmak için çok basitleştirilmiş bir araçtır. Her animasyon klasik kolaylık fonksiyonu ile geliştirilebilir.
43. Eg.js
Eg.js Arayüzlerdeki etkileşimleri arttırmayı amaçlayan çeşitli etkilerin ve dinamik öğelerin dikkatle toplanmış bir koleksiyonudur. Temel görevleri ve diğer amaçlar için 6 ana yöntem ve etkinliği sıralayan 8 güçlü bileşen vardır.
44. GFX
GFX CSS3 animasyonlarını programlı bir şekilde oluşturmak için ilgi çekici bir 3D animasyon kütüphanesidir. İstenen sonucu elde etmeyi çok daha kolay hale getiren jQuery ile çalışır. Ölçekleme, döndürme, çeviri, eğriltme ve diğer bazı şeyler ile oyuncak yapabilirsiniz.
45. Stylie
Söylense de stylie eğlenmek için bir araçtır, ancak yetenekleri ile sizi kesinlikle etkileyecektir. Kontrol merkezinde, anahtar kareleri ayarlamanıza, genişletmenize, dışa aktarma seçeneklerine ve HTML'ye izin veren 4 sekme bulunur; bu da karmaşık animasyonları kolay bir şekilde hazırlar.
46. Iconate.js
Iconate.js Hayatı simgelerin dönüşümlerine enjekte ederek, hoş bir eşlik eden etkiyle iki öğe arasındaki geçişi arttırır. Sadece Harika Yazı ile değil, ayrıca Glyphicons ve hatta kendi özel piktogramlarınızla harika çalışıyor.
47. AnimateMate
AnimateMate Sketch ortamınızdan küçük ölçekli animasyonlar üretmek ve vermek için küçük bir araçtır. Bu bir şey fantezi değil, ama size anahtar kareleri ile oynamak, hareket hızı fonksiyonları, kontrol dizileri ve daha fazlasını eklemek için izin verir.
48. CAAT
CAAT (Hangisi Canvas Advanced Animation Toolkit için duruyor) JavaScript ile güçlü bir tandem oluşturan bir sterlini. Araç seti sahneleri, çoklu render teknolojileri, kırpma maskeleri, standart paket davranışı, vb.
49. Granim.js
Granim.js interaktif gradyan temelli centerpieces ile arayüzleri spicing için küçük bir JavaScript kütüphanesidir. Standart bir radyal gradyan animasyonu, görüntü zeminin üzerine uygulanan dinamik gradyanlar veya görüntü maskeleriyle birleştirilen hareketli gradyanlar olabilir.
50. Animista
Ana Travas tarafından düzenlendi, Animista geleneksel ve yaygın olmayan önceden tanımlanmış CSS-odaklı animasyonların bir grup ile deney yapmak için bir oyun alanıdır. Sonucu incelemek için süre, zamanlama fonksiyonu, gecikme, yineleme sayısı ve diğer bazı seçenekleri seçin.
51. Obnoxious.css
Obnoxious.css arayüzün elemanlarını sarsmak, bükmek, büyütmek, flaş efektini taklit etmek veya yazı tipinin ağırlığını değiştirmek için 5 benzersiz CSS tabanlı animasyon ile birlikte gelir. Tek yapmanız gereken, tercih edilen sınıfı istenen div'a uygulamaktır.
52. Animatelo
Animatelo ünlü ve güçlü Animate.cs'lerden ödünç alınmış, göz alıcı dinamik efektler içerir ve bunları uygulamak için daha kolay bir yol sağlar. Web Animations API polyfill sayesinde tüm modern tarayıcılar tarafından desteklenmektedir.
53. Foxholder
Foxholder Özellikle kullanıcının form ile etkileşimlerini geliştirmek için oluşturulan 15 küçük küçük efektlerden oluşan bir pakettir. Her bir yöntem, giriş alanını kendi yolunda vurgular: kenarlığı daha parlak hale getirebilir, görsel ipuçları ekleyebilir, hareket metninde ve daha fazlasını yapabilir.
54. Rhythm.js
Rhythm.js oynak disko ilham küçük animasyonlar hakkında her şeydir. Bu JavaScript kütüphanesi, bazı dans hareketlerini taklit eden efektler içermektedir. Web sitenize boogie-woogie ekleyeceğiniz yaklaşık 20 seçenek var.
55. Colorido.js
Granim.js gibi bu JavaScript destekli eklenti Renk özelliğini değiştirmek için oluşturuldu. Arka plan ve metnin tonlarını ve opaklığını dinamik olarak değiştirmenin yanı sıra, statik olmayan radyal, doğrusal, diyagonal ve yatay degradeler oluşturmaya yardımcı olur.
56. Barba.js
Barba.js PJAX'ı (ajax tabanlı bir teknik), sayfalar arasında sabit yenileme geçişi denen kullanıcıların rahatlatmak için kullanır. Sadece eski kabı gizler ve yeni kabı ince göz alıcı bir şekilde gösterir.
57. ScrollReveal.js
ScrollReveal.js kaydırma animasyonları oluşturmak için popüler bir araçtır. Ana reveal () yöntemi ile farklı animasyonları yönetebilir ve tüm standart yönlerini kontrol edebilirsiniz. Harika olan şey, hem web hem de mobil tarayıcılarla iyi çalışmasıdır.
58. Scrollanim
Scrollanim bir önceki örnekten ziyade daha az karmaşık ve daha kullanışlı bir araç. CSS3'ü tercih etmesine karşın, kaydırma tetiklemeli animasyonlar üretmek için JavaScript API'sı kullanarak animasyon eklemenize olanak tanır. Projenize hızlı bir şekilde tanıtabileceğiniz çok sayıda önceden hazırlanmış çözüm sunar.
59. ScrollTrigger
Önceki iki çözüm esas olarak geleneksel dikey kaydırma üzerinde yoğunlaşırken, Bu uzun yatay web siteleri oluşturmak içindir. Oldukça ilkel bir sözdizimi kullanarak güzel CSS3 animasyonları ile doldurulan x ekseni düzleminde dinamik arayüzler oluşturmanızı sağlar.
60. Force.js
Force.js büyük işlevsellikten ve seçeneklerin zenginliğinden mahrum bırakılmış küçük bir çözümdür. Bununla birlikte, nesneleri ince bir harekete geçirme veya kaydırma işlemlerini güzelleştirmek gibi düzenli görevler için idealdir. Her zamanki gibi, canlandırma özünde yatan animasyon temiz ve düzgün hale getiriyor.
61. AOS
AOS kaydırma üzerinde animasyon için duruyor. Söylediği şeyi yapar - size kaydırma etkinliği tarafından tetiklenen bir dizi canlı önceden tanımlanmış efekt sağlar. Bölümlere derin bir şekilde kod girmeden dramatik bir giriş vermek istiyorsanız o zaman kesinlikle sizin için.
62. Rellax
Rellax güzel paralaks içindir. Arayüzlere ince bir 3D boyut dokunuşu vermek için hafif bir vanilya JavaScript kütüphanesidir.
63. Tilt.js
Tilt.js ilgi çekici paralaks tahrikli eğim efekti üretir. Nesneleri temel bir 2D düzlemde 3D'yi taklit eden eğimli bir konuma hareket ettirecektir. Bir ekseni düzeltebilir ve böylece efektin daha çekici ve ilginç hale gelmesini sağlayabilir ya da bir çeşit parlama veya yüzer duyguyu yeniden yaratabilirsiniz.
64. Dönüştürme-ne zaman
Transform-zaman mobil cihazlar için yüksek performans ve yerel destek ile hikaye anlatma deneyimleri tasarlamak için harika bir çözümdür. İki hayati parametreye bahis yapar: zaman ve kaydırma pozisyonu, böylece kullanıcı macerasını sizin tarafınızdan dikkatli bir şekilde kontrol edilen arayüz üzerinden yapar. Hem SVG hem de normal HTML elemanları ile çalışır.
65. CSS3 Animasyon
Bu temel CSS3 animasyonları oluşturmak için canlı önizlemeli eski bir okul üreticisidir. Geçiş süresini, yineleme sayısını, zamanlama fonksiyonlarını vb. Ayarlayabileceğiniz standart bir kontrol merkezi vardır. Rutin basittir: her şeyi ayarlayın, ortaya çıkan HTML ve CSS kodlarını kopyalayın ve bunları projenize yapıştırın.
66. Curve.js
Curve.js Yaşamı “dans” eden ve bir dalga gibi döndüren çizgileri içine çeker. Soyut zarif bir geometrik ilham arka planlar veya centerpieces oluşturmak için kullanın.
67. Animator.js
Animator.js esnek, verimli ve hafif olduğu söyleniyor. Ana kareleri yönetmenin ve çeşitli ölçeklerin CSS animasyonlarını oluşturmanın en kolay yolunu sunar. Ayrıca bağımlılık ücretsizdir.
68. Cel-animasyon
Cel-animasyon Geleneksel anahtar karelerin kontrolünü sağlayan bir Sass karışımıdır. SVG veya herhangi bir HTML öğesinin hareketini ayarlayabilirsiniz.
69. Scrollissimo
Scrollismo Greensock ile ortaklaşa çalışarak, kullanıcının kaydındaki nesneleri ustaca ve sorunsuz bir şekilde canlandırıyordu. Dokunmatik ekranlı araçlar için ek bir JavaScript eklentisi ile çok sayıda cihazı kapsar.
70. jqClouds
jqClouds Arayüz üzerinde yükselen hareketli bulutlar ile bir tasarım oluşturan ve dolduran ilkel bir eklentidir. Belirli bir dinamik lezzete statik bir arayüz vermek için, başka bir nesneye göre bulutları değiştirerek kavramı değiştirebilirsin.
71. Renkli animasyon
Tahmin ettiğin gibi, bu araç Arka plan, kenarlık veya metnin tonunu ve saydamlığını canlandırmak içindir. Aslında, bir özelliği olan herhangi bir nesnenin rengiyle çalışır.
72. Flubber
Bir nesneyi diğerine dönüştürebildiğinde ortaya çıkabilecek ani sıçramaları ve ciddi metamorfozu dışlamak için kullanabilirsiniz Flubber . Eklenti, iki şekil arasında pürüzsüz enterpolasyonlar sunar. Tek dezavantajı, sadece 2D grafiklerle çalışmasıdır.
73. Particles.js
Eğer şu anda popüler bir seçim olan animasyon parçacıklarına bağlı iseniz - kullanabilirsiniz Bu kullanışlı jeneratör . Tüm işi yapan geçerli JavaScript kitaplığına dayanmaktadır. Renk, sayı, şekil, boyut, opaklık vb. Gibi tercihleri ayarlayın ve sonucu dışa aktarın.
74. Three.js ile 3D Çizgiler Animasyonu
Bu küçük bir senaryo Yukarıda belirtilen eklentilerin tüm yeteneklerine sahip değildir. Yine de, arayüzünüze parçacık animasyonu ile dolu güzel bir animasyonlu arka plan ekler. Ortamınıza uyum sağlamak için renkleri, çizgileri, opaklığı ve diğer seçenekleri yapılandırabilirsiniz.
75. Üç.js
En son ama en kötü değil, Three.js - Çok sayıda etkileyici web sitesinin arkasında duran güçlü ve çok yönlü bir kütüphane. Hem basit hem de karmaşık projeler için uygundur. İle çalışmanıza izin verir
