程序猿必备的10款web前端动画插件五-爱前端网

1.CSS3 Material 设计样式的按钮带点击波纹特效

今天我们要给大家带来一组很漂亮的CSS3按钮，按钮的整体风格采用Material设计样式，非常简洁和清新。在这组CSS3按钮中，样式各种各样，有圆形按钮，也有带小图标的按钮，当然颜色也有很多。另外这组按钮还有一个特点是点击时按钮背景出现波纹的动画特效。

在线演示

源码下载

2.jQuery/CSS3列表按钮删除弹性动画

今天我们要给大家分享一款很特别的jQuery按钮动画，首先按钮以列表的方式垂直或者水平排列。当我们拖动列表项时整个列表将会出现弹性的动画特效。另外，还有一种模式是点击列表的其中一项时，该项会被删除，同时其他列表项也会出现弹性抖动的动画效果。

在线演示

源码下载

3.炫酷的CSS3 3D横向菜单菜单项凸出显示

有一段时间没有向大家分享网页菜单了，现在的网页菜单越来越炫酷，特别是CSS3和HTML5的发展，让菜单更显风韵。就比如今天要介绍的一款CSS3 3D横向菜单，整个菜单栏会随着鼠标移动而倾斜，产生一种3D立体的视觉效果，同时鼠标滑过菜单项时，菜单项也会凸出显示，是一款非常华丽而具有个性化的CSS3菜单导航插件。

在线演示

源码下载

4.CSS3多方块波浪形Loading加载动画

记得以前我们分享过很多基于CSS3和SVG的Loading加载动画，大都是环形的外观，比如这款纯CSS3发光圆环Loading加载动画就非常不错。这次要介绍的这款CSS3 Loading加载动画是由多个方块横向组成，方块通过上下移动以及透明度的改变来模拟出波浪形的动画特效，该Loading加载动画适合很多网页场合使用。

在线演示

源码下载

5.CSS3 3D按钮点击弹性特效

记得很早以前我们分享过一款纯CSS3 3D按钮按钮酷似牛奶般剔透，效果非常炫酷。这次我们要分享的同样是一款基于CSS3的3D按钮应用，这个按钮的特点是在黑色背景下，点击按钮会有弹性的动画特效，同时可以显示一个发光的选中图标。

在线演示

源码下载

6.漂亮的CSS3/SVG个性化开关按钮

最近我们刚刚为大家分享过几款非常漂亮的CSS3自定义样式的开关按钮，比如这款超清新的3款纯CSS3自定义Checkbox开关和纯CSS3灯光开关动画自定义checkbox样式。这次要分享的同样是一款基于CSS3和SVG的个性化开关按钮，它的开关切换按钮是一个足球，通过足球的滚动来切换开关的状态，非常富有创意。

在线演示

源码下载

7.jQuery百叶窗动画焦点图插件个性化图片切换按钮

今天要给大家分享一款非常酷的jQuery百叶窗动画焦点图插件，它的特点是图片切换均采用百叶窗的样式风格，但是通过横向百叶窗和纵向百叶窗的区分，让整个焦点图不显单调。另外这款jQuery焦点图插件的图片切换按钮非常个性化，除了左右切换箭头，还有底部的任意图片切换按钮，其风格都与我们之前介绍的焦点图有很大的区别。