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

1.jQuery/CSS3 3D Tab菜单选项卡插件

之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这款jQuery五彩Tab选项卡动画,也有些非常炫酷,比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/CSS3 3D Tab菜单选项卡插件,它的特点是Tab菜单项带有阴影效果,看上去有3D立体的视觉效果,也十分有用。

在线演示

源码下载

2.纯CSS3灯光开关动画 自定义checkbox样式

今天我们要分享一个纯CSS3灯光开关动画,切换开关可以改变页面背景颜色,从而模拟灯光的开启和关闭。值得注意的是,这款开关是通过CSS3自定义checkbox样式来实现的,记得很早以前也分享过类似的一个CSS3应用纯CSS3实现发光开关切换按钮,也是通过CSS3改变checkbox默认行为样式来实现的,外观都比较漂亮。

在线演示

源码下载

3.纯CSS3发光圆环Loading加载动画

关于Loading加载动画,我们已经分享过很多了,这里给出一篇文章《15个超炫酷的CSS3加载Loading动画图标》,里面收集了很多炫酷和实用的jQuery/CSS3 Loading加载动画。今天我们来分享一个基于纯CSS3的发光圆环Loading加载动画,配合深色的背景,Loading动画更是呈现出3D立体的视觉效果,非常值得大家使用。

在线演示

源码下载

4.jQuery评论打分插件 支持多种打分按钮

很早以前,我们分享过几款不错实用的jQuery评分插件,比如这款jQuery星级评分插件和jQuery评分插件 星星和心型两种外观。今天我们要介绍一款更加强大的jQuery评论打分插件,它的特点在于有多组样式的打分按钮可以选择,最厉害的是第一个表情打分按钮,会根据评分自动显示表情状态,非常生动和形象。

在线演示

源码下载

5.纯CSS3背景动画按钮 多组炫酷背景动画

按钮是网页设计中永远都不会过时的话题,特别是CSS3的出现,更是让网页按钮带上了更多CSS3动画的色彩。今天我们要分享几组炫酷的CSS3背景动画按钮,背景有多边形变化、线条变化等多种动画效果,这与之前分享的jQuery/CSS3多种鼠标滑过动画按钮集合比较类似,也都非常实用。

在线演示

源码下载

6.HTML5 Canvas 多种炫酷3D粒子图形动画

在不久之前,我们分享过好几款基于HTML5 Canvas的粒子动画特效,都比较炫酷,比如这款HTML5 WebGL绚丽五彩流体模拟动画和HTML5 WebGL粒子爆炸动画。这次我们同样要分享另外一款HTML5 Canvas 多种炫酷3D粒子图形动画,与前面的类似,它也是利用HTML5的粒子特性绘制出各种3D外观的图形,有3d球形、3d圆环、3d沙漏形等,视觉效果都非常不错。

在线演示

源码下载

7.jQuery/SVG实现Checkbox商品列表选中特效

今天我们要为大家分享一款基于jQuery和SVG的checkbox商品列表选中特效,首先将商品描述按行显示,每行开头有一个checkbox复选框,选中或者取消选中时,复选框的样式会发生变化,这种线条的变化是利用了SVG的路径特性。

在线演示

源码下载

8.baguetteBox.js – 简单易用 lightbox 插件

baguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。纯 JavaScript 实现,不依赖第三方库和插件,赶紧来体验吧。

在线演示

源码下载

9.Baffle.js – 实现文本模糊效果的 JavaScript 库

Baffle.js 是一个 JavaScript 库,设计用来模糊和揭开DOM元素的文本。 这些元素可以是一个 CSS 选择器的形式、一个节点列表或者一个单节点。 你也可以传递一个选择对象给插件。

在线演示

源码下载

10.ScrollReveal.js – 实现超炫的元素运动效果

ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画。

在线演示

源码下载

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

赞 (4) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏