摘要:超過的星星,是一個動畫庫,可以處理屬性,單個轉(zhuǎn)換,或任何屬性以及對象。超過星星,這個動畫庫大小只有。超過星星,這個庫基允許你以選定的速度為字符串創(chuàng)建打字動畫。
想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你!
1.Three.js超過46K的星星,這個流行的庫提供了非常多的3D顯示功能,以一種直觀的方式使用 WebGL。這個庫提供了
2. Anime.js超過20K的星星,Anime是一個JavaScript動畫庫,可以處理CSS屬性,單個CSS轉(zhuǎn)換,SVG或任何DOM屬性以及JavaScript對象。 此庫允許您鏈接多個動畫屬性,將多個實例同步,創(chuàng)建時間軸等。
3.Mo.js超過 14K 星星,是一個用于 Web 的動態(tài)圖形工具帶,具有簡單的聲明 API,跨設備兼容性和超過1500個單元測試。 您可以在DOME或SVG DOME周圍移動東西或創(chuàng)建唯一的 mo.js 對象。雖然文檔有些稀缺,但是示例很豐富,這里有CSS技巧的介紹。
4. Velocity超過 15k 星星,Velocity是一個快速的 Javascript 動畫引擎,擁有與jQuery的 $.animate() 相同的API。它具有彩色動畫、轉(zhuǎn)換、循環(huán)、畫架、SVG支持和滾動。這里是Velocity的高性能引擎的分解,這里是使用該庫的 SVG 動畫的介紹。
5. Popmotion超過 14K 星星,這個動畫庫大小只有 11 kb。它允許開發(fā)人員從動作創(chuàng)建動畫和交互,這些動作是可以啟動和停止,可以使用CSS、SVG、React、three創(chuàng)建,js和任何接受數(shù)字作為輸入的API。
6. Vivus超過 10k 星星,Vivus是一個零依賴的JavaScript類,可以讓你為SVG制作動畫,讓它們具有被繪制的外觀。 您可以使用許多可用動畫之一,或創(chuàng)建自定義腳本來繪制SVG。 查看Vivus-instant獲取實際示例,親自動動手練習一下。
7. GreenSock JSGSAP 是一個JavaScript庫,用于創(chuàng)建高性能、零依賴、跨瀏覽器動畫,據(jù)稱在超過400萬個網(wǎng)站上使用。GSAP是靈活的,可以與React、Vue、Angular和vanilla JS協(xié)同工作。GSDevtools 還可以幫助使用GSAP構(gòu)建dubug動畫。
8. Scroll Reveal擁有15K顆星星和零依賴,這個庫為 web 和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動中的內(nèi)容。它支持多種簡潔的效果類型,甚至允許你使用自然語言定義動畫。這里有一個簡短的 SitePoint教程。
9. Hover (CSS)超過 20k 星星,Hover提供了CSS3支持的懸停效果集合,可應用于鏈接、按鈕、徽標、SVG、特色圖像等,在CSS、Sass和LESS中可用。您=可以復制和粘貼希望在自己的樣式表中使用的效果,或者引用樣式。
10. Kute.js一個完全成熟的原生JavaScript動畫引擎,具有跨瀏覽器動畫的基本功能。 重點是代碼質(zhì)量,靈活性,性能和大小(核心引擎17k 和 gzipped 5.5k) - 這是一個演示。 該庫也是可擴展的,因此你可以添加自己的功能。
11. Typed.js超過 7k 星星,這個庫基允許你以選定的速度為字符串創(chuàng)建打字動畫。 你還可以在頁面上放置 HTML div 并從中讀取以允許搜索引擎和禁用JavaScript的用戶訪問,由Slack和其他人使用,這個庫既流行又非常有用。
你的點贊是我持續(xù)分享好東西的動力,歡迎點贊!
一個笨笨的碼農(nóng),我的世界只能終身學習!
更多內(nèi)容請關(guān)注公眾號《大遷世界》!
編輯中可能存在的bug沒法實時知道,事后為了解決這些bug,花了大量的時間進行l(wèi)og 調(diào)試,這邊順便給大家推薦一個好用的BUG監(jiān)控工具 Fundebug。
交流干貨系列文章匯總?cè)缦?,覺得不錯點個Star,歡迎 加群 互相學習。
https://github.com/qq44924588...
我是小智,公眾號「大遷世界」作者,對前端技術(shù)保持學習愛好者。我會經(jīng)常分享自己所學所看的干貨,在進階的路上,共勉!
關(guān)注公眾號,后臺回復福利,即可看到福利,你懂的。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/99888.html
摘要:超過的,是一個動畫庫,可以處理屬性,單個轉(zhuǎn)換,或任何屬性以及對象。在,是一個快速的動畫引擎,具有與的相同的。在,這個功能和反應動畫庫只重。由和其他人使用,這個庫既流行又令人驚訝地有用。 在瀏覽網(wǎng)頁尋找一個整潔的Javascript動畫庫時,我發(fā)現(xiàn)很多recommended的動畫庫一段時間都沒有維護。 經(jīng)過一些研究,我收集了11個最好的庫,在你的應用程序中使用。我還添加了一些,主要是非維...
摘要:超過的,是一個動畫庫,可以處理屬性,單個轉(zhuǎn)換,或任何屬性以及對象。在,是一個快速的動畫引擎,具有與的相同的。在,這個功能和反應動畫庫只重。由和其他人使用,這個庫既流行又令人驚訝地有用。 在瀏覽網(wǎng)頁尋找一個整潔的Javascript動畫庫時,我發(fā)現(xiàn)很多recommended的動畫庫一段時間都沒有維護。 經(jīng)過一些研究,我收集了11個最好的庫,在你的應用程序中使用。我還添加了一些,主要是非維...
摘要:超過的,是一個動畫庫,可以處理屬性,單個轉(zhuǎn)換,或任何屬性以及對象。在,是一個快速的動畫引擎,具有與的相同的。在,這個功能和反應動畫庫只重。由和其他人使用,這個庫既流行又令人驚訝地有用。 在瀏覽網(wǎng)頁尋找一個整潔的Javascript動畫庫時,我發(fā)現(xiàn)很多recommended的動畫庫一段時間都沒有維護。 經(jīng)過一些研究,我收集了11個最好的庫,在你的應用程序中使用。我還添加了一些,主要是非維...
閱讀 1278·2021-10-11 10:57
閱讀 2051·2021-09-02 15:15
閱讀 1612·2019-08-30 15:56
閱讀 1205·2019-08-30 15:55
閱讀 1163·2019-08-30 15:44
閱讀 985·2019-08-29 12:20
閱讀 1331·2019-08-29 11:12
閱讀 1072·2019-08-28 18:29