<p>Web动画已经发展了很长的时间。开发者不仅可以使用CSS/SVG/JS等多种工具来制作动画，而且我们还可以使用很多免费的库来节省动画制作的时间。</p>    <p>我最喜欢的动画库之一，就是 <strong>Anime.js</strong> ，它是一个完全免费、开源的JavaScript动画库。</p>    <p>这个库有着丰富的功能，它是针对JavaScript所开发的，而且它同时也非常依赖CSS动画。你可以在DOM中将其与用在单一的页面元素之上，你也可以将其用在个性化SVG上。</p>    <p>它的文档被self-host在 <strong>GitHub</strong> 之上，这个文档非常相信，你可以在上面找到所有你所需要的东西。它的每一个动画特性都配备了具体的参数，例如延迟、持续时间和消除等。</p>    <p>但是请注意，这个库并没有提供过多的预设动画效果。Anime.js所针对的，是那些不想自己写verbose代码，同时希望对动画效果进行高度自定义的开发者。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d252e8390934b72c0429273b8233043d.png"></p>    <p>具体事例，你可以参考这个 Codepen pen 。这个代码非常简洁，但是你却可以用它做出非常逼真的动画效果。</p>    <p>还有一点要注意的是，Anime.js需要你具备一定的只是。使用它创建动画并不是非常难，但是你需要掌握基本的JavaScript语法才能熟练使用它。</p>    <p>要想使用这个库，你所需要的所有信息都在这个 <strong>repo page</strong> 上，包括很多代码实例和相信的文档图表。你还可以浏览一下它的bug报告，或是查看浏览器支持列表，目前这个库支持所有主流的浏览器以及IE 10+。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/c91ada3e17f74ef008ccf3fb67f03f8a.png"></p>    <p>对于Web开发者来说，它是最方便的动画库之一，在创建复杂动画的时候，它值得成为你的首选解决方案。</p>    <p> </p>    <p> </p>    <p> </p>    <p>项目主页：<a href="http://www.open-open.com/lib/view/home/1493259450518">http://www.open-open.com/lib/view/home/1493259450518</a></p>    <p> </p>