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

Popmotion 是一個功能齊全的動畫庫。它包含傳統 UI 動畫、真實物理模擬和基于用戶輸入的運動的效果。簡而言之，Popmotion 是一個非常棒的動畫庫。

該文件時鐘大約為 12kb，包含您可能需要的所有功能。Popmotion 甚至為新開發人員提供了一份簡短的入門指南。您將找到從初始設置到運行第一個動畫的所有內容。

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

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

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

API：自定義回調允許您輸出到任何數字屬性或 API。

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

無縫交互：可以在輸入、動畫和物理之間進行切換。

節點支持：在服務器或 Arduino 上運行以推動物聯網。

rAF 循環：在核心 requestAnimationFrame 循環上運行任何進程。

功能強大：支持數字、顏色和復雜字符串的關鍵幀和彈簧動畫。

簡單：它被設計為可組合并可移植到任何 JavaScript 環境中，并著眼于未來的工作集。

穩定：它是用 TypeScript 編寫的，測試覆蓋率超過 95%。

Tiny：animate只有 ~4.5kb，并且每個函數都可以單獨導入。

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