LOGO logo

需求 开发 交付;每一步修改到满意后在付款。

下载到桌面 免费获取解决方案
当前位置: 网站建设/ 企业网站制作/ Popmotion,一个免费的只有12kb的javascript动画库

Popmotion,一个免费的只有12kb的javascript动画库

日期:2021-08-04 09:59 浏览量:2663

企业网站制作过程中,少不了要运用到一些动画效果,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%。

Tinyanimate只有 ~4.5kb,并且每个函数都可以单独导入。


github下载地址:https://github.com/Popmotion/popmotion


友情链接