基于Bootstrap3纯CSS滑动开关按钮 PetitQ 按钮图标 2019-1-24 4.46K 0 6 TiTatoggle是一款基于Bootstrap3的纯CSS滑动开关按钮组件。该滑动按钮组件没有使用Javascript,它的HTML结构和原生的Bootstrap checkbox组件结构基本相同,使用起来非常方便。它还提供了多种…
基于Bootstrap3纯CSS滑动开关按钮 PetitQ 按钮图标 2019-1-24 4.46K 0 6 TiTatoggle是一款基于Bootstrap3的纯CSS滑动开关按钮组件。该滑动按钮组件没有使用Javascript,它的HTML结构和原生的Bootstrap checkbox组件结构基本相同,使用起来非常方便。它还提供了多种…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.67K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.67K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
8种CSS3按钮动画特效 PetitQ 按钮图标 2019-4-08 3.47K 0 4 这是一款CSS3按钮动画特效。在该特效中,提供了8种按钮动画特效。每种特效在鼠标悬停到按钮上面的时候,都会触发按钮动画。 HTML结构 最简单的按钮HTML结构如下。 Click Me! Subtlety CSS样式 * { box…
8种CSS3按钮动画特效 PetitQ 按钮图标 2019-4-08 3.47K 0 4 这是一款CSS3按钮动画特效。在该特效中,提供了8种按钮动画特效。每种特效在鼠标悬停到按钮上面的时候,都会触发按钮动画。 HTML结构 最简单的按钮HTML结构如下。 Click Me! Subtlety CSS样式 * { box…
33种css3开关按钮特效 PetitQ 按钮图标 2018-10-28 3.33K 0 5 这是一组css3开关按钮特效。该css3开关按钮特效共33种效果,支持ie9以上的主流浏览器,非常实用。 使用方法: 在页面中引入checkboxes.min.css文件。 HTML代码: 使用下面的HTML结构俩创建一个开关按钮。…
33种css3开关按钮特效 PetitQ 按钮图标 2018-10-28 3.33K 0 5 这是一组css3开关按钮特效。该css3开关按钮特效共33种效果,支持ie9以上的主流浏览器,非常实用。 使用方法: 在页面中引入checkboxes.min.css文件。 HTML代码: 使用下面的HTML结构俩创建一个开关按钮。…
基于bootstrap鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-3-11 3.25K 0 3 这是一款基于Bootstrap的鼠标滑过按钮动画特效。该特效中按钮在原生Bootstrap按钮的基础上进行修改,当鼠标滑过按钮时,按钮前端的遮罩部分有轻微移动动画效果。 HTML结构 该Bootstrap按钮使用超链接元素来制作。 …
基于bootstrap鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-3-11 3.25K 0 3 这是一款基于Bootstrap的鼠标滑过按钮动画特效。该特效中按钮在原生Bootstrap按钮的基础上进行修改,当鼠标滑过按钮时,按钮前端的遮罩部分有轻微移动动画效果。 HTML结构 该Bootstrap按钮使用超链接元素来制作。 …
三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.04K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.04K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.89K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.89K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.83K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.83K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
扩展bootstrap4按钮特效 PetitQ 按钮图标 2019-3-12 2.77K 0 0 这是一款扩展bootstrap4按钮特效。该特效在bootstrap4按钮样式的基础上,通过CSS样式,设计出一套带闪光按钮特效和扁平线框按钮特效。 使用方法 在页面中引入bootstrap.css和buttons.css样式文件。…
扩展bootstrap4按钮特效 PetitQ 按钮图标 2019-3-12 2.77K 0 0 这是一款扩展bootstrap4按钮特效。该特效在bootstrap4按钮样式的基础上,通过CSS样式,设计出一套带闪光按钮特效和扁平线框按钮特效。 使用方法 在页面中引入bootstrap.css和buttons.css样式文件。…
纯CSS3滑动按钮动画效果 PetitQ 按钮图标 2019-1-16 2.62K 0 2 这是一款使用纯css3制作的类似ios和android滑动按钮的动画效果。该css3滑动按钮效果小巧玲珑,效果出众,值得你拥有。android系统的滑动按钮相信大家都使用过。这款插件就是使用纯css3制作出类似android系统的滑…
纯CSS3滑动按钮动画效果 PetitQ 按钮图标 2019-1-16 2.62K 0 2 这是一款使用纯css3制作的类似ios和android滑动按钮的动画效果。该css3滑动按钮效果小巧玲珑,效果出众,值得你拥有。android系统的滑动按钮相信大家都使用过。这款插件就是使用纯css3制作出类似android系统的滑…
纯CSS3鼠标滑过按钮流光效果 PetitQ 按钮图标 2019-3-06 2.51K 0 0 这是一款效果非常炫酷的纯CSS3鼠标滑过按钮流光效果。当用户用鼠标滑过按钮的时候,一道流光会瞬间滑过按钮,就像玻璃的反光效果,非常漂亮。 HTML结构 该效果中的按钮是一个超链接<a>元素。 Link CSS样式 将超链…
纯CSS3鼠标滑过按钮流光效果 PetitQ 按钮图标 2019-3-06 2.51K 0 0 这是一款效果非常炫酷的纯CSS3鼠标滑过按钮流光效果。当用户用鼠标滑过按钮的时候,一道流光会瞬间滑过按钮,就像玻璃的反光效果,非常漂亮。 HTML结构 该效果中的按钮是一个超链接<a>元素。 Link CSS样式 将超链…
纯CSS3带动画效果左右滑动按钮 PetitQ 按钮图标 2019-1-16 2.47K 0 1 这是一款使用纯css3制作的类似于android滑动按钮的左右滑动按钮效果。这个css3左右滑动按钮可以使用鼠标来控制开关滑动,按钮开关滑动时带有很炫的动画和渐变效果。
纯CSS3带动画效果左右滑动按钮 PetitQ 按钮图标 2019-1-16 2.47K 0 1 这是一款使用纯css3制作的类似于android滑动按钮的左右滑动按钮效果。这个css3左右滑动按钮可以使用鼠标来控制开关滑动,按钮开关滑动时带有很炫的动画和渐变效果。