国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[譯]2018年值得關注的10大JavaScript動畫庫

Me_Kun / 876人閱讀

摘要：幸運的是，供應似乎與需求相匹配，并且有多種選擇。讓我們來看看年值得關注的十大動畫庫。八年了，仍然是一個強大的動畫工具。接下來在這個令人驚嘆的動畫庫列表上的就是了。，通常被稱為動畫平臺，我們忽略它在列表中的排名，它是列表中最受歡迎的庫之一。

原文鏈接
原譯文鏈接

現代網站的客戶端依靠高質量的動畫，這就使得JavaScript動畫庫的需求不斷增加。幸運的是，供應似乎與需求相匹配，并且有多種選擇。至于選擇哪一個就難以定奪了。在這一年里，許多動畫庫有可能完善得更好，為創建動畫提供更好的解決方案。

讓我們來看看2018年值得關注的十大JavaScript動畫庫。

Three JS 42,569 ★

Three JS 是這里面排名第一、最受歡迎的動畫庫（該項目有900多位的貢獻者）。八年了，Three JS 仍然是一個強大的動畫工具。Three JS 依賴于WebGL，可以用來構建瀏覽器端酷炫的3D計算機圖形。它的功能包括但不限于浮雕效果，透視和正交相機效果，幾何工具，如平面，立方體，球體，環面。然而，這個庫有個缺點，就是一些開發人員發現它使用起來很慢。

安裝:

使用NPM，可以使用以下命令安裝Three JS。

npm install three

更多信息可從官方網站或npm獲取。

Anime JS 21,084 ★

Anime JS 可能是 Three JS的備選方案，居于列表第二位。Anime JS由Julian Garnier創建，是您遇到過最快的動畫庫之一。它可以與DOM一起順利運行，并且支持Chrome，Firefox，Opera，Safari，IE10+等的主流瀏覽器。該庫包括但不限于以下功能：用于CSS動畫的的CSS transform，用于線的SVG動畫，用于同步多個實例的時間軸。Anime JS最吸引開發者的原因之一就是它非常輕量級。

安裝:

使用NPM，可以使用以下命令安裝Anime JS。

npm install animejs

更多信息可從官方網站或npm獲取。

Particles JS 15,612 ★

接下來我們要看的第三個動畫庫是Particles JS。Particles JS由Vincent Garreau創建，是一款特定動畫的JavaScript庫，用于創建點和線組成的精彩動畫。如上所述，該庫用于創建看起來像粒子的動畫。因此，它允許開發人員切換諸如粒子的密度，顏色，不透明度，形狀和大小之類的東西。但是，由于它僅適用于粒子背景，因此不適合用來創建其他類型的動畫。

安裝:

使用NPM，可以使用以下命令安裝Particles JS。

npm install particlesjs

更多信息可從官方網站或npm獲取。

ScrollReveal JS 15,499 ★

ScrollReveal JS居于列表第四位，與前面討論的Particles JS一樣，也是一款特定動畫的JavaScript庫。ScrollReveal JS用于創建十分酷炫的滾動特效，是一個輕量級的工具（沒有任何依賴），而且非常容易使用，因為它使用自然語言來發送創建動畫的指令。ScrollReveal JS適用于DOM節點，多個容器，異步內容，并且支持3D旋轉。ScrollReveal JS可能是創建滾動特效最好用的工具，它支持大量的瀏覽器，只要這些瀏覽器支持CSS Transform和CSS Transition特性。

安裝:

使用NPM，可以使用以下命令安裝ScrollReveal JS。

npm install scrollreveal

更多信息可從官方網站或npm獲取。

Velocity JS 14,692 ★

接下來在這個令人驚嘆的動畫庫列表上的就是Velocity JS了。它深得許多UI設計師的喜愛。通過使用HTML和SVG，該工具可以輕松地創建各種功能強大的Web動畫。Velocity JS可用于滾動瀏覽器窗口，甚至撤消以前的動畫。Velocity JS盡管使用與jQuery的$.animate（）相同的API，您會發現它是少數獨立于強大的jQuery框架的動畫工具之一，像 WhatsApp 和 MailChimp 就是這個優秀工具的知名用戶。

安裝:

使用NPM，可以使用以下命令安裝Velocity JS。

npm install velocity-animate

更多信息可從官方網站或npm獲取。

Popmotion JS 13,777 ★

Popmotion JS排行第六，是一款與Anime JS類似的動畫庫，可用于創建精彩的瀏覽器動畫。該庫還具有指針跟蹤，彈簧物理效果，3D動畫等功能，并可用于創建功能型和反應型的動畫。

安裝:

使用NPM，可以使用以下命令安裝Popmotion JS。

npm install popmotion

更多信息可從官方網站或npm獲取。

Mo JS 13,461 ★

與Popmotion JS類似，Mo JS排名第七，是一款用于創建Web動畫的簡單庫。Mo JS簡單易學，它的創作者Oleg Solomka已經創建了很多教程和demo，來幫助初學者快速上手。Mo JS還具有創建圓形，多邊形，矩形，線條等功能。Mo JS看起來很簡單，卻可以構建出非常復雜的動態圖形的Web動畫。

安裝:

使用NPM，可以使用以下命令安裝Mo JS。

npm install mo-js

更多信息可從官方網站或npm獲取。

Vivus JS 10,365 ★

Vivus JS在這個列表上排名第八。如果您在這個列表中尋找一個使用SVG的優秀庫，那么Vivus JS是最佳之選，尤其適合初學者。這個庫也很快、很輕量級，因為它沒有任何依賴。除了使用SVG之外，Vivus JS還可用于創建漂亮的按鈕，也有其他令人驚嘆的動畫可供使用。

安裝:

使用NPM，可以使用以下命令安裝Vivus JS。

npm install vivus

更多信息可從官方網站或npm獲取。

GreenSock JS 7,767 ★

GreenSock，通常被稱為GSAP（GreenSock動畫平臺），我們忽略它在列表中的排名，它是列表中最受歡迎的庫之一。GreenSock的速度和高效率是它受人喜愛的原因之一。這個強大的庫也支持各式瀏覽器，并且沒有任何依賴。

安裝:

使用NPM，可以使用以下命令安裝GreenSock JS。

npm install gsap

更多信息可從官方網站或npm獲取。

AOS 6,613 ★

因此，雖然本文中討論的其它庫大力依賴于JavaScript，但是AOS（Animate On Scroll）卻更多地依賴于CSS。使用AOS，開發人員可以在向下滾動時為頁面元素添加動畫，然后在向上滾動時恢復之前的動畫狀態。這個庫還附帶了許多由滾動事件觸發的預定義事件。

安裝:

使用NPM，可以使用以下命令安裝Animate On Scroll。

npm install aos

更多信息可從官方網站或npm獲取。

總結

就這些了，十個用于創建精美動畫的JavaScript庫。您是否使用過這些庫中的任意一個？是否在用戶體驗方面有些許建議？或者你認為這里哪些庫應該被列出來，但沒有？讓我們來談談吧。

9 個最佳的JS圖表庫

作者Anton Shaleynikov

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96451.html

相關文章

  • 2018年值得期待11個Javascript動畫庫

    摘要：超過的，是一個動畫庫，可以處理屬性，單個轉換，或任何屬性以及對象。在，是一個快速的動畫引擎，具有與的相同的。在，這個功能和反應動畫庫只重。由和其他人使用，這個庫既流行又令人驚訝地有用。 在瀏覽網頁尋找一個整潔的Javascript動畫庫時，我發現很多recommended的動畫庫一段時間都沒有維護。 經過一些研究，我收集了11個最好的庫，在你的應用程序中使用。我還添加了一些，主要是非維...

    call_me_R 評論0 收藏0

  • 2018年值得期待11個Javascript動畫庫

    摘要：超過的，是一個動畫庫，可以處理屬性，單個轉換，或任何屬性以及對象。在，是一個快速的動畫引擎，具有與的相同的。在，這個功能和反應動畫庫只重。由和其他人使用，這個庫既流行又令人驚訝地有用。 在瀏覽網頁尋找一個整潔的Javascript動畫庫時，我發現很多recommended的動畫庫一段時間都沒有維護。 經過一些研究，我收集了11個最好的庫，在你的應用程序中使用。我還添加了一些，主要是非維...

    teren 評論0 收藏0

  • 2018年值得期待11個Javascript動畫庫

    摘要：超過的，是一個動畫庫，可以處理屬性，單個轉換，或任何屬性以及對象。在，是一個快速的動畫引擎，具有與的相同的。在，這個功能和反應動畫庫只重。由和其他人使用，這個庫既流行又令人驚訝地有用。 在瀏覽網頁尋找一個整潔的Javascript動畫庫時，我發現很多recommended的動畫庫一段時間都沒有維護。 經過一些研究，我收集了11個最好的庫，在你的應用程序中使用。我還添加了一些，主要是非維...

    skinner 評論0 收藏0

  • 可能是最全的前端動效庫匯總

    摘要：非常的龐大，而且它是完全為設計而生的動效庫。它運行于純粹的之上，是目前最強健的動畫資源庫之一。可能是創建滾動特效最好用的工具，它支持大量的瀏覽器，只要它們支持和特性。可以通過安裝吊炸天了，接近現實生活中的物理運動碰撞慣性動畫庫。 收集日期為2019-02-28，★代表當時的該項目在github的star數量 Animate.css 56401 ★ 一個跨瀏覽器的動效基礎庫，是許多基礎動...

    afishhhhh 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<