新的CSS3中添加了有关动画和过渡效果的特性模块，这些模块可以有效地取代过去我们在前端开发中普遍使用的Javascript，从而更加方便快捷的实现各种设计及其UI中的特殊效果。
在今天这篇文章中，我们给大家推荐四款精心挑选的CSS3动画和过渡效果类库，可以帮助设计师多快好省的实现各种前端的动画效果，相信大家一定能够在以后的前端web项目中使用的到。
Animate.css
animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：
晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。使用也非常简单，引入animate.css文件，再使用JS来添加对应动画的类定义即可，如下：
- <head>
- <linkrel="stylesheet"href="animate.min.css">
- </head>
jQuery：
- $('#yourElement').addClass('animated bounce');
魔术CSS3动画
Magic CSS3动画类库也是一套包含了各种不同CSS3动画效果的类库，包括：旋转，幻灯等等
使用方法类似animate.css，添加对应的动画效果（class定义）到你需要动画展示的HTML元素上即可
Effeckt.css
针对不同UI的CSS3动画和过渡效果集，包含了丰富的CSS3动画和过渡效果，包括：
- Modal
- overlay
- button
- list
- listscroll
- Caption
- 等等
相信如果你需要支持动态CSS3动画或者过渡效果的话，这一套完整的UI动画及其过渡效果解决方案肯定会让你满意！
Hover.css
Hover.css是一套使用CSS3动画实现的Hover特效集锦，包含了：
- 2D变形
- 边框过渡效果
- 阴影过渡效果
- 页脚翻转效果
以上就是我们推荐的四款帮助你提高UI设计层次的CSS3小类库，希望大家喜欢！如果你也有常用的CSS3类库，请务必留言与我们分享！
来源：https://www.cnblogs.com/geekone/p/3668694.html