动态设计是近年来热门的设计趋势之一，代码生成器和动画工具可以让设计师和web前端开发者事半功倍。今天边肖主要和大家分享六个实用的网页动画效果库，希望能帮到你！

GSAP

GSAP可能是当今最酷的免费动画图书馆之一。它运行在纯JavaScript上，是当今最可靠的动画资源库之一。

它符合HTML5规范，兼容几乎所有现代浏览器。它可以很好地处理SVG、canvas元素甚至jQuery对象。像EaselJS这样的图书馆也可以和GSAP链接。

如果你需要一个强大的网络动画库，GSAP绝对值得一看。

Anime.js

当我第一次看到Anime.js库的时候，我完全被它迷住了。这个东西很强大，它的功能不仅限于UI/UX动画。

设计师可以用Anime.js加持各种元素的动画，比如logos、按钮、图像等。它支持各种常见的触发机制，如点击、悬停和滑动，还可以用来定义一系列动画。

WickedCSS

Wicked CSS是一个比较新的动态库，主要基于CSS代码。在CSS3特性的帮助下，Wicked CSS提供了一些令人难以置信的效果。

在其主页上，设计师将看到许多实时演示，通过这些演示，他们可以学习如何将对象旋转、翻转和描边成不同类型的动画。

有些动画效果很简单，但是它也可以实现很多复杂有趣的动画，这也是Wicked CSS有趣的地方。

动画师

动画CSS可能是你想要的最终网络动态解决方案。这个开源代码库是几年前发布的，但它仍然是迄今为止最有用的动态代码库。

开发商丹尼尔伊登(Daniel Eden)是这个项目的发起人。他用最简单的方式在网上发布定制的CSS3动画。半年多后的积累，他已经建立了一个完整的动画库，几乎可以处理大部分项目。

项目主页上有很多演示，GitHub上有很多很棒的文档给设计师参考。

星期二

周二提供的动画最吸引人的地方就是动画非常简单实用。使用这个动态库，设计人员可以有效地控制元素在页面中出现和消失的方式。

这些画不是很酷很有爆发力的动画，但是很精妙，真正从审美和用户体验方面提升了整个页面的设计。

星期二是纯CSS代码，可以无缝连接到任何网站。

CSShake

说实话，我从来没有见过比CSShake更奇怪或者更有趣的CSS库。它带来的动画效果非常疯狂和独特，不一定适合每个网站。换句话说，CSShake提供的动态效果是独一无二的，这也是它存在于今天的原因的推荐列表。