多组超具创意的CSS3开关切换按钮

7,863 人浏览

2017-12-09 15:15:02

前不久我们刚刚为大家分享过一款超清新的纯CSS3自定义Checkbox开关，非常简洁美观。今天我们要继续为大家介绍多组超具创意的CSS3开关切换按钮，一共有8款漂亮的样式。这种纯CSS3开关切换按钮非常适合一些个性化比较强的表单页面中使用。

在线演示源码下载

CSS3 3D鼠标滑过翻转按钮

7,553 人浏览

发表回复

之前我们分享过很多基于CSS3和jQuery的翻转按钮，比如这款纯CSS3带图标的3D旋转立方体链接和别具创意的CSS3鼠标悬停翻转按钮都非常不错。今天要给大家带来另外一款基于CSS3的鼠标滑过翻转按钮，按钮有平面翻转动画，也有3D立体翻转动画。

在线演示源码下载

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

8,573 人浏览

发表回复

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

在线演示源码下载

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

5,069 人浏览

发表回复

2017-12-08 19:37:06

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

在线演示源码下载

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

4,807 人浏览

发表回复

2017-12-07 22:11:44

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

在线演示源码下载

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

4,836 人浏览

发表回复

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

在线演示源码下载

CSS3 3D按钮点击弹性特效

11,122 人浏览

发表回复

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

在线演示源码下载

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

6,811 人浏览

发表回复

2017-12-06 22:37:51

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

在线演示源码下载

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

5,782 人浏览

发表回复

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