CSS动画集合 可直接生成动画代码 – AniCollection

CSS动画实现比JS简单很多，但是对于新手来说还是很多代码的，而且还要不停的刷新来计算动画效果，不过没关系，今天小编为大家分享一个可以在线生成CSS动画的工具：AniCollection，而且他们的动画数量很多，能满足一般需要求了。

PS：类似工具还有《在图形界面上***CSS3动画：cssanimate》





目前AniCollection上有很多不错的动画特效，比较适用于鼠标HOVER或点击事件，当然最主要的是能直接在线生成，太方便了。

使用方法

STEP 1: 选择你要的动画效果，点击“眼睛”图标。





STEP 2: 然后在下面通过下面TAG选项框，把CSS和HTML的代码复制到你的网页上即可。





此外你还要以用jQuery来控制动画，请点击jQuery tab查看。

前端工具名称：AniCollection

官方网站：http://anicollection.github.io