作者归档:sxwgf

CSS3/SVG自定义单选框Radiobox跳跃选择动画

这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款Radiobox也是利用CSS3重写radiobox样式实现的。另外,这款自定义单选框还结合了SVG的特性,实现了单选框选中时的跳跃动画。

css3-svg-radiobox-animation

在线演示源码下载

基于HTML5 WebGL的3D星云动画特效

今天我们给大家分享一个基于HTML5 Canvas的星云动画特效,整个画面模拟了一个星系的外观,比如模拟了太阳系,有很多小行星围绕着星系中心旋转,星系中心也显得格外亮丽。这些小星点都是在Canvas上绘制而成,同时我们还可以拖拽鼠标从不同视角观看星云,非常大气。

html5-webgl-galaxy

在线演示源码下载

jQuery Select下拉框美化插件 菜单淡如淡出动画

尽管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得美观起来,特别是Select下拉框,已经不再是以前IE6那样的丑陋了。但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以看看漂亮实用的Select下拉框美化插件Tether,也可以看看这款jQuery 美化界面的下拉框

jquery-select-pretty

在线演示源码下载

SVG实现的一组超华丽Loading加载动画

Loading动画我们已经分享过很多了,大部分都是基于纯CSS3的,或者有些也有jQuery协助完成。比如这个10组蓝色风格的纯CSS3 Loading动画图标就非常实用。今天我们要分享的是一组基于SVG的超华丽Loading加载动画,利用SVG的路径特性,动态绘制形状和状态,从而产生Loading加载的视觉效果,同样也非常实用,因为现在所有浏览器都支持SVG了。

svg-wonderful-loading

在线演示源码下载

超清新的3款纯CSS3自定义Checkbox开关

前两天我们刚分享过一款纯CSS3灯光开关动画 自定义checkbox样式,主要是利用CSS3样式渲染checkbox控件和label标签实现自定义开关样式。今天我们要分享的也是一款基于CSS3的自定义Checkbox开关,一共有3种漂亮的外观。

pure-css3-checkbox-switch

在线演示源码下载

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

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

jquery-css3-3d-tab

在线演示源码下载

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

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

pure-css3-light-switch

在线演示源码下载

纯CSS3发光圆环Loading加载动画

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

pure-css3-light-ring-loading

在线演示源码下载

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

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

jquery-rank-with-button

在线演示源码下载

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

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

pure-css3-animated-button

在线演示源码下载