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

資訊專欄INFORMATION COLUMN

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

teren / 3536人閱讀

摘要:超過的,是一個動畫庫,可以處理屬性,單個轉換,或任何屬性以及對象。在,是一個快速的動畫引擎,具有與的相同的。在,這個功能和反應動畫庫只重。由和其他人使用,這個庫既流行又令人驚訝地有用。

在瀏覽網頁尋找一個整潔的Javascript動畫庫時,我發現很多“recommended”的動畫庫一段時間都沒有維護。

經過一些研究,我收集了11個最好的庫,在你的應用程序中使用。我還添加了一些,主要是非維護的,有用的庫。

使用UI組件時,您還可以使用Bit輕松地在不同應用程序之間共享這些組件,而不是復制粘貼它們,從不同項目進行更改并與其他項目協作。

Bit - 使用代碼組件共享和構建_Bit可幫助您在項目和應用程序之間共享,發現和使用代碼組件,以構建新功能和... _bitsrc.io

使用純CSS

在深入研究這些庫之前,不要忘記使用純CSS。為什么?因為它是標準的,它可以提高性能(GPU),提供向后和向前兼容性,它可能是創建動畫的最有效方法。這里有10個純粹的純CSS動畫示例。

純CSS土星呼啦圈

1. Three.js

超過43K的星級,這個流行的庫是使用WebGL在瀏覽器上創建3D動畫的好方法。提供,CSS3D和WebGL渲染器,這個庫讓我們可以跨設備和瀏覽器創建豐富的交互式體驗。
該圖書館于2010年4月首次推出,目前仍由近1,000名參與者開發。

mrdoob/three.js _three.js?—?JavaScript 3D library._github.com[](https://github.com/mrdoob/thr...

2. Anime.js

超過20K的 stars,Anime是一個JavaScript動畫庫,可以處理CSS屬性,單個CSS轉換,SVG或任何DOM屬性以及JavaScript對象。此庫允許您鏈接多個動畫屬性,將多個實例同步,創建時間軸等。

juliangarnier/anime _anime?—?JavaScript Animation Engine_github.com[](https://github.com/juliangarn...

3. Mo.js

這個庫是14K星,是一個用于Web的動態圖形工具帶,具有簡單的聲明API,跨設備兼容性和超過1500個單元測試。您可以在DOME或SVG DOME周圍移動東西或創建唯一的mo.js對象。雖然文檔有些稀缺,但是示例很豐富,這里有CSS技巧的介紹。

legomushroom/mojs _mojs?—?motion graphics toolbelt for the web_github.com[](https://github.com/legomushro...

4. Velocity

在15Kstars,,Velocity是一個快速的Javascript動畫引擎,具有與jQuery的$ .animate()相同的API。它具有色彩動畫,變換,循環,緩動,SVG支持和滾動。這是Velocity高性能引擎的細分 ,這里是使用該庫的SVG動畫介紹。

julianshapiro/velocity _velocity?—?Accelerated JavaScript animation._github.com[](https://github.com/julianshap...

5. Popmotion

在14Kstars,,這個功能和反應動畫庫只重11kb。它允許開發人員從動作創建動畫和交互,動作是可以啟動和停止的,并使用CSS,SVG,React,three.js和任何接受數字作為輸入的API創建。

Popmotion/popmotion _popmotion?—?A functional, reactive animation library._github.com[](https://github.com/Popmotion/...

6. Vivus

在超過10K的stars,Vivus是一個零依賴的JavaScript類,可以讓你為SVG制作動畫,讓它們具有被繪制的外觀。您可以使用許多可用動畫之一,或創建自定義腳本來繪制SVG。查看Vivus-instant獲取實時示例,親自動手。

maxwellito/vivus _vivus?—?JavaScript library to make drawing animation on SVG_github.com[](https://github.com/maxwellito...

7. GreenSock JS

GSAP是一個JavaScript庫,用于創建高性能,零依賴性,跨瀏覽器動畫,聲稱在超過400萬個網站中使用。 GSAP非常靈活,可以與React,Vue,Angular和vanilla JS一起使用。GSDevtools還可以幫助改進使用GSAP構建的動畫。

greensock/GreenSock-JS _GreenSock-JS?—?GreenSock’s GSAP JavaScript animation library (including Draggable)._github.com[](https://github.com/greensock/...

8. Scroll?Reveal

憑借15K星和零依賴,該庫為Web和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動內容。它支持多種簡潔的效果,甚至可以讓您使用自然語言定義動畫。這是一個簡短的SitePoint教程。

jlmakes/scrollreveal _scrollreveal?—?Easy scroll animations for web and mobile browsers._github.com[](https://github.com/jlmakes/sc...

9. Hover?(CSS)

嗯,這是一個CSS庫。在20K星級,Hover提供了CSS3動力懸停效果的收集,可應用于鏈接,按鈕,徽標,SVG,特色圖像等,可在CSS,Sass和LESS中使用。您可以復制并粘貼要在自己的樣式表中使用的效果或引用樣式表。

IanLunn/Hover _Hover?—?A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so…_github.com[](https://github.com/IanLunn/Ho...

10. Kute.js

一個完全成熟的原生JavaScript動畫引擎,具有跨瀏覽器動畫的基本功能。重點是代碼質量,靈活性,性能和大小(核心引擎是17k min和5.5k gzipped) - 這是一個demo。該庫也是可擴展的,因此您可以添加自己的功能。

thednp/kute.js _kute.js?—?KUTE.js is a native Javascript animation engine featuring great code quality, badass performance, SVG…_github.com[](https://github.com/thednp/kut...

11. Typed.js

T這個6K星庫基本上允許您以選定的速度為字符串創建打字動畫。您還可以在頁面上放置HTML div并從中讀取以允許搜索引擎和禁用JavaScript的用戶訪問。由Slack和其他人使用,這個庫既流行又令人驚訝地有用。

mattboldt/typed.js _typed.js?—?A JavaScript Typing Animation Library_github.com[](https://github.com/mattboldt/...

還可以看看: iTyped

延遲補充:Airbnb的Lottie

Lottie是一個用于Web的移動庫,iOS用于解析使用 Bodymovin導出為json的 Adobe After Effects 動畫,并將其原生呈現。

airbnb/lottie-web _lottie-web - Render After Effects animations natively on Web, Android and iOS, and React Native…_github.com[](https://github.com/airbnb/lot...

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

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

相關文章

  • 2018值得期待11Javascript畫庫

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

    call_me_R 評論0 收藏0
  • 2018值得期待11Javascript畫庫

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

    skinner 評論0 收藏0
  • [譯]2018值得關注的10大JavaScript畫庫

    摘要:幸運的是,供應似乎與需求相匹配,并且有多種選擇。讓我們來看看年值得關注的十大動畫庫。八年了,仍然是一個強大的動畫工具。接下來在這個令人驚嘆的動畫庫列表上的就是了。,通常被稱為動畫平臺,我們忽略它在列表中的排名,它是列表中最受歡迎的庫之一。 原文鏈接原譯文鏈接 現代網站的客戶端依靠高質量的動畫,這就使得JavaScript動畫庫的需求不斷增加。幸運的是,供應似乎與需求相匹配,并且有多種選...

    Me_Kun 評論0 收藏0
  • 值得看看,2019 11 受歡迎的 JavaScript 畫庫

    摘要:超過的星星,是一個動畫庫,可以處理屬性,單個轉換,或任何屬性以及對象。超過星星,這個動畫庫大小只有。超過星星,這個庫基允許你以選定的速度為字符串創建打字動畫。 想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你! 1.Three.js showImg(https://segmentfault.com/img/bVbkQ4X?w=551&h=358); 超過46K的星星,...

    浠ラ箍 評論0 收藏0

發表評論

0條評論

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