更新时间:2022-08-12 21:51:00
前端学习路线一条龙【内含入门到进阶到高级精选资源】无套路获取!!!
前端小菜鸡之菜鸡互啄,公众号:前端开发爱好者xy哥怒肝,前端学习路线一条龙【内含入门到进阶到高级精选资源】无套路获取!!!哈喽,大家好 我是
xy
????????????. 前端动画场景需求多众多,面对这么多花里胡哨的动画需求,这里给大家推荐10
个比较好用的js动画库
,轻松实现各种花里胡哨的动画❤️
TweenJS
是一个简单的 JavaScript
补间动画库。EaselJS
库集成,但也不依赖或特定于它。CSS
样式属性。API
简单但非常强大,因此很容易通过链式调用来创建复杂的补间动画
。
SVG
是一个创建交互式、分辨率无关的向量图形的很好的解决方案,让效果在任何大小的屏幕上看起来都是高保真的。Snap.svg
这个 JavaScript 库处理 SVG 就如你用 jQuery 操作 DOM 一样简单。Snap.svg
是专为现代浏览器设计的,支持最新的 SVG 遮罩,剪裁,模式,完整的渐变,分组等功能。
Bounce.js
是为数不多的可以直接在浏览器中进行设计和设置的动画库之一。
Move.js
是一个小的 JavaScript 库,用于以非常简单和优雅的方式支持 CSS3
动画。缩放
、倾斜
、移动
等常规的动效。
CSS
,DOM
,SVG
,和 JS
对象Three JS
的潜在替代方案
。
UI/UX
设计而生的动效库。Mo.JS
是模块化的,你可以轻松移除不必要的功能,确保体量合理和流畅运行。
物理运动
、碰撞
、惯性
动画库。
视觉差
效果。
9
种标准的动效。持续时间
、频率
、预期尺寸
和强度
等数据,创造出符合物理效果的动效。
加载中状态
的 CSS3
动效。