切换模式
动画库
Animate.css
Animate.css是一个免费开源的即用型跨浏览器动画库,可在您的 Web 项目中使用。非常适合强调、主页、滑块和注意力引导提示。 您只需通过CDN添加此库或使用 Yarn 或 NPM 等包管理器安装它即可开始使用它。 主页有大量模板,您可以在将它们包含在项目中之前对其进行测试。 与 javascript 兼容:您可以通过将 Animate.css 与 JavaScript 结合来为其添加交互性。
插件主页:Animate.css
Github:GitHub
animista
Animista上可用的动画类型与animate.css上提供的动画类型非常相似,但是,如果深入研究,你会发现Animista提供了更多有用的动画类别,特别是在动画文字和背景元素方面。而且,在你准备导出动画代码时,还可以选择标准下载或压缩代码。
插件主页:Animista
Magic CSS
Magic CSS也是一个很有趣的动画库,与之前介绍的动画库相比,它提供的的动画更具吸引力。软件包提供的动画对于页面过渡非常方便。
Github:GitHub
Hover.css
Hover.css 是一个基于 CSS3 的动画库,专门用于创建图像悬停效果。它提供了多种简单易用的特效,例如左右翻转、上下翻转、放大缩小、渐变缩放等。Hover.css 可以为网站的图片增加生动有趣的效果,吸引用户的注意力。
插件主页:Hover.css
Github:GitHub
Wow.js
滚动展示动画,WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果。
插件主页:Reveal Animations
Github:GitHub
Scrollreveal.js
滚动展示动画,类似wow.js。
插件主页:ScrollReveal
Github:GitHub
Velocity.js
一个功能齐全的 JavaScript动画套件,包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果
插件主页:Velocity.js
Github:GitHub
Move.js
一个小型的JavaScript库,通过JS来控制一系列的CSS动画顺序执行,使CSS3动画变得非常简单和优雅。
插件主页:Move.js - CSS3 animation framework for JavaScript
Github:Github