CSS3可以实现很多漂亮的动画，但写起来有点麻烦，一个动画有时候会调整几十分钟，改一点点代码又要到浏览器上刷新，这是个很讨厌的事情。幸运的是，cssanimate在线工具解决了我们的问题，最大特色就是以图形界面方式让你轻易实现漂亮的CSS3动画效果，下面一起看看这个在线工具的介绍。

CSS3动画制作工具界面介绍

Timeline（时间轴）

Timeline是引导动画的重要区域，就像制作逐帧动画一样，可以调整每帧的内容。用户调整完毕后，直接点击左下角的播放按钮即可看到效果。

视区

视区就是CSS3动画预览和调整区域，所见即所得，很强大。

属性面板

用于调整动画细节参数，可以对关键帧进行更精细的调整，如时间、旋转、重复次数等。

Code面板

当你调整完动画后，那么就在这里直接COPY到你的网页上就能使用了，另外你还可以修改Class和Animation名称，还有浏览器前缀选项，根据需求调整。

总结

这确实是一个很方便的CSS3动画在线制作工具，即使对CSS代码不太了解的设计师们也可以轻松实现一个漂亮的动画效果出来。

怎么样？这么好用的工具快mark到微博，并分享给小伙伴们吧！

工具名称：cssanimate

快来体验吧：http://cssanimate.com/