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

1.jQuery/CSS33DTab菜单选项卡插件

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

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

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

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

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

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

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

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

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

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

在不久之前,我们分享过好几款基于HTML5Canvas的粒子动画特效,都比较炫酷,比如这款HTML5WebGL绚丽五彩流体模拟动画和HTML5WebGL粒子爆炸动画。这次我们同样要分享另外一款HTML5Canvas多种炫酷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属性,当元素进入可视区域的时候会自动被触发设置好的动画。

本文固定链接:


转载请注明:http://www.aierlanlan.com/rzdk/2985.html

  • 上一篇文章:
  •   
  • 下一篇文章: