Popmotion，一個(gè)免費(fèi)的只有12kb的javascript動(dòng)畫庫

在企業(yè)網(wǎng)站制作過程中，少不了要運(yùn)用到一些動(dòng)畫效果，Popmotion就是很好的一個(gè)javascript動(dòng)畫插件，只有12kb大小。在過去的幾年中，純 CSS 動(dòng)畫引起了很多關(guān)注，而Popmotion就是javascript御用css3做的動(dòng)畫庫。

Popmotion 是一個(gè)功能齊全的動(dòng)畫庫。它包含傳統(tǒng) UI 動(dòng)畫、真實(shí)物理模擬和基于用戶輸入的運(yùn)動(dòng)的效果。簡(jiǎn)而言之，Popmotion 是一個(gè)非常棒的動(dòng)畫庫。

該文件時(shí)鐘大約為 12kb，包含您可能需要的所有功能。Popmotion 甚至為新開發(fā)人員提供了一份簡(jiǎn)短的入門指南。您將找到從初始設(shè)置到運(yùn)行第一個(gè)動(dòng)畫的所有內(nèi)容。

還可以查看codepen上的Popmotion 沙盒，任何人都可以免費(fèi)編輯和使用它。官方的 Popmotion CodePen 配置文件也有其他示例。值得考慮。

該庫是完全可擴(kuò)展的，包括許多功能：

原生 DOM 支持：開箱即用的 CSS、SVG、SVG 路徑和 DOM 屬性支持。

API：自定義回調(diào)允許您輸出到任何數(shù)字屬性或 API。

支持框架：與 jQuery、Canvas、Three.js、WebSockets 等一起使用。

無縫交互：可以在輸入、動(dòng)畫和物理之間進(jìn)行切換。

節(jié)點(diǎn)支持：在服務(wù)器或 Arduino 上運(yùn)行以推動(dòng)物聯(lián)網(wǎng)。

rAF 循環(huán)：在核心 requestAnimationFrame 循環(huán)上運(yùn)行任何進(jìn)程。

功能強(qiáng)大：支持?jǐn)?shù)字、顏色和復(fù)雜字符串的關(guān)鍵幀和彈簧動(dòng)畫。

簡(jiǎn)單：它被設(shè)計(jì)為可組合并可移植到任何 JavaScript 環(huán)境中，并著眼于未來的工作集。

穩(wěn)定：它是用 TypeScript 編寫的，測(cè)試覆蓋率超過 95%。

Tiny：animate只有 ~4.5kb，并且每個(gè)函數(shù)都可以單獨(dú)導(dǎo)入。

github下載地址：https://github.com/Popmotion/popmotion