程序猿必备的10款web前端开发插件一

1.CSS3实现的火柴燃烧Loading加载动画

这次我们要给大家分享一款非常特别的CSS3 Loading加载动画，整个Loading加载动画就好像是火柴在燃烧一样，不足的是火苗并没有那么真实，比较抽象，不过这款Loading动画还是比较富有创意，非常适合在一些个性化的页面上使用。

在线演示

源码下载

2.纯CSS3精美样式的飘带特效

还记得之前我们分享过一些基于CSS3的飘带样式菜单吗？比如这款CSS3 飘带菜单 超酷3D CSS3菜单和CSS3飘带状3D菜单 菜单带小图标。今天我们要给大家介绍另外一种CSS3飘带样式的特效，它非常适合在图片上标注一些文字描述，样式非常精美。

在线演示

源码下载

3.纯CSS3实现阴阳太极动画

这是一款很有趣的纯CSS3小动画，它是我们中国人都非常熟悉的阴阳太极图案，整个图案是利用纯CSS3绘制而成，而且更酷的是，这个太极图案还会不断旋转，看上去非常的神秘。而且这个旋转动画特效也是利用CSS3的动画属性实现。

在线演示

源码下载

4.jQuery/CSS3邮票边框的照片墙相册

今天我们要给大家分享一款非常个性化的照片墙，它的特点是我们可以将照片随意的陈列在桌面上，可以是不同的摆放角度；另外一个特点是图片的边框是邮票样式的，一张张图片就像漂亮的邮票一样，而且鼠标滑过图片时，图片右下角将会翻起，并且出现淡淡的投影，看上去很有立体的视觉效果。

在线演示

源码下载

5.jQuery圆弧形图片播放插件 可自动播放

今天我们要为大家介绍一款非常有特色的jQuery图片播放插件，之前我们介绍的jQuery焦点图要么是左右切换，要么是上下切换，然后带有不同的过渡动画特效。但这款jQuery图片切换插件是沿着圆弧进行轮播切换的，更具有立体感，而且它也支持自动循环播放。

在线演示

源码下载

6.纯CSS3实现图文轮播焦点图插件

以前我们分享过很多基于jQuery和CSS3的焦点图插件，但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件，但是它的特点是可以同时进行图文轮播，准确的说，每个画面都可以自定义网页元素，是一款非常实用的焦点图插件。

在线演示

源码下载

7.经典的jQuery垂直手风琴二级下拉菜单

最近我们刚刚为大家分享过一款基于jQuery和Bootstrap的垂直手风琴下拉菜单，效果非常不错。今天我们要再为大家介绍另外一款经典的jQuery垂直手风琴二级下拉菜单，菜单的界面非常简洁，菜单项由文字和小图标组成，非常适合网站后台管理的侧边菜单栏。

在线演示

源码下载

8.纯CSS3绘制可爱的神奇宝贝

CSS3非常强大，之前我们还介绍过很多基于纯CSS3的动画特效，比如纯CSS3绘制的旺仔头像动画，非常可爱。今天我们要为大家分享一款纯CSS3绘制可爱的神奇宝贝动物形象，特别的是，它还会眨眼、摇尾等表情，非常逼真。

在线演示

源码下载

9.jQuery头像裁剪插件 支持自定义上传图片

这是一款非常实用的jQuery头像裁剪插件，利用这款插件，我们可以对用户上传的头像图片进行区域的选定，然后按照约定的比例进行裁剪。这款jQuery头像裁剪插件不仅支持图片的缩放，而且支持用户自定义上传图片，简单易用，是一款很难得的jQuery插件。

在线演示

源码下载

10.超绚丽的 Bootstrap 水晶样式按钮集合

html5tricks网站开办以来，我们已经为大家分享过很多炫酷实用的按钮插件，有些基于HTML5，有些则是基于jQuery。这次我们要分享一款基于Bootstrap样式的水晶样式按钮，有很多种颜色样式供你选择，外观非常绚丽。你可以选择一个样式应用到自己的网页中。

在线演示

源码下载

未经允许不得转载：爱前端网 » 程序猿必备的10款web前端开发插件一