简单的纯js滑动按钮插件 PetitQ 按钮图标 2018-11-12 1.78K 0 0 这是一款简单的纯js滑动按钮插件。通过该js插件,可以将checkbox元素变为好看的iOS或Material Design样式的滑动按钮。 使用方法 在页面中引入SimpleSwitch.css样式文件和SimpleSwitch.…
简单的纯js滑动按钮插件 PetitQ 按钮图标 2018-11-12 1.78K 0 0 这是一款简单的纯js滑动按钮插件。通过该js插件,可以将checkbox元素变为好看的iOS或Material Design样式的滑动按钮。 使用方法 在页面中引入SimpleSwitch.css样式文件和SimpleSwitch.…
纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.20K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.20K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
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…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.73K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.73K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…
Quantum Paper 风格按钮变形动画特效 PetitQ 按钮图标 2018-10-27 1.48K 0 1 Quttons是一款谷歌Quantum Paper风格按钮变形动画特效jQuery插件。Quantum Paper(量子纸)是一种新的谷歌Material Design语言。它可以改变大小、形状和颜色以容纳新的内容。该插件使用按钮来…
Quantum Paper 风格按钮变形动画特效 PetitQ 按钮图标 2018-10-27 1.48K 0 1 Quttons是一款谷歌Quantum Paper风格按钮变形动画特效jQuery插件。Quantum Paper(量子纸)是一种新的谷歌Material Design语言。它可以改变大小、形状和颜色以容纳新的内容。该插件使用按钮来…
Radio按钮checkbox转换为开关按钮jQuery插件 PetitQ 按钮图标 2018-10-27 2.24K 0 0 rcswitcher是一款可以将原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的jQuery插件。它内置了light,dark,flat和modern四种主题,你只需要在参数中进行简单的控制,就可以生成非常漂…
Radio按钮checkbox转换为开关按钮jQuery插件 PetitQ 按钮图标 2018-10-27 2.24K 0 0 rcswitcher是一款可以将原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的jQuery插件。它内置了light,dark,flat和modern四种主题,你只需要在参数中进行简单的控制,就可以生成非常漂…
CSS3白色质感3D按钮特效 PetitQ 按钮图标 2019-12-02 2.08K 0 0 这是一款css3白色质感3D按钮特效。该按钮使用svg做为图标,通过css3代码,打造出非常炫酷的3d按钮效果。 HTML结构 Normal Not focusable Disabled css样式 @-webkit-keyfram…
CSS3白色质感3D按钮特效 PetitQ 按钮图标 2019-12-02 2.08K 0 0 这是一款css3白色质感3D按钮特效。该按钮使用svg做为图标,通过css3代码,打造出非常炫酷的3d按钮效果。 HTML结构 Normal Not focusable Disabled css样式 @-webkit-keyfram…
Material Design 扁平风格按钮设计 PetitQ 按钮图标 2019-3-05 929 0 0 这是一款纯CSS3制作的Material Design扁平风格按钮设计效果。这组扁平风格按钮有3D效果,粗边框按钮效果,只带边框不带背景的按钮效果以及阴影按钮效果等。 HTML结构 按钮使用标准的HTML <button>…
Material Design 扁平风格按钮设计 PetitQ 按钮图标 2019-3-05 929 0 0 这是一款纯CSS3制作的Material Design扁平风格按钮设计效果。这组扁平风格按钮有3D效果,粗边框按钮效果,只带边框不带背景的按钮效果以及阴影按钮效果等。 HTML结构 按钮使用标准的HTML <button>…
IOS样式滑动按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.42K 0 0 multiSwitch是一款3种状态的IOS样式滑动按钮jQuery插件。该滑动按钮可以初始化为3种状态,初始化状态,选择状态和不选择状态,外观为IOS样式,非常时尚。 使用方法: 使用该滑动按钮插件需要在页面中引入jquery和m…
IOS样式滑动按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.42K 0 0 multiSwitch是一款3种状态的IOS样式滑动按钮jQuery插件。该滑动按钮可以初始化为3种状态,初始化状态,选择状态和不选择状态,外观为IOS样式,非常时尚。 使用方法: 使用该滑动按钮插件需要在页面中引入jquery和m…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.68K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.68K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
基于Bootstrap超酷jQuery开关按钮插件 PetitQ 按钮图标 2018-10-27 1.40K 0 0 这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性,还可以将开关按钮放置到模态窗口中显示。 使用方法: …
基于Bootstrap超酷jQuery开关按钮插件 PetitQ 按钮图标 2018-10-27 1.40K 0 0 这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性,还可以将开关按钮放置到模态窗口中显示。 使用方法: …
Material design风格点击波特效 ripplet 插件 PetitQ 按钮图标 2018-10-28 1.40K 0 0 ripplet.js是一款Material design风格点击波特效js插件。通过ripplet.js插件,你可以制作并控制点击波效果,生成自己风格的点击波特效。 使用方法: 在页面中引入ripplet.js文件。。 HTML结构…
Material design风格点击波特效 ripplet 插件 PetitQ 按钮图标 2018-10-28 1.40K 0 0 ripplet.js是一款Material design风格点击波特效js插件。通过ripplet.js插件,你可以制作并控制点击波效果,生成自己风格的点击波特效。 使用方法: 在页面中引入ripplet.js文件。。 HTML结构…