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