三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.06K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.06K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
炫酷CSS3鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-1-27 1.20K 0 0 这是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框,文本动画以及流光动画效果,各种效果都非常有创意。 HTML结构 按钮的H…
炫酷CSS3鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-1-27 1.20K 0 0 这是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框,文本动画以及流光动画效果,各种效果都非常有创意。 HTML结构 按钮的H…
苹果IOS样式分段按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.33K 0 0 Segment.js是一款能够将任何select元素转化为苹果IOS样式的分段按钮的jQuery插件。在苹果设备流行的今天,在你的网页中添加一些IOS样式的按钮,可以使你的页面显得更加时尚。 使用方法: 该IOS样式的分段按钮的使用…
苹果IOS样式分段按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.33K 0 0 Segment.js是一款能够将任何select元素转化为苹果IOS样式的分段按钮的jQuery插件。在苹果设备流行的今天,在你的网页中添加一些IOS样式的按钮,可以使你的页面显得更加时尚。 使用方法: 该IOS样式的分段按钮的使用…
纯CSS3按钮动画插件 PetitQ 按钮图标 2019-1-16 1.42K 0 0 这是一款使用纯css3制作的各种按钮的鼠标滑过hover,鼠标点击动画效果的插件。该按钮插件中共有7中不同的css3动画效果:旋转、拉伸、淡入淡出、滑动等等。这个插件中集合了7种不同风格的css3按钮动画效果。请注意不是所有的浏览器…
纯CSS3按钮动画插件 PetitQ 按钮图标 2019-1-16 1.42K 0 0 这是一款使用纯css3制作的各种按钮的鼠标滑过hover,鼠标点击动画效果的插件。该按钮插件中共有7中不同的css3动画效果:旋转、拉伸、淡入淡出、滑动等等。这个插件中集合了7种不同风格的css3按钮动画效果。请注意不是所有的浏览器…
基于CSS3 animation的鼠标滑过按钮特效 PetitQ 按钮图标 2019-3-04 1.35K 0 0 这是一组使用CSS3 animation制作的鼠标滑过按钮动画特效。这组鼠标滑过按钮动画共有13最后效果,均由按钮的伪元素和CSS3 animation来制作完成。 HTML结构 该效果通过超链接来制作按钮,例如第一种Swipe效果…
基于CSS3 animation的鼠标滑过按钮特效 PetitQ 按钮图标 2019-3-04 1.35K 0 0 这是一组使用CSS3 animation制作的鼠标滑过按钮动画特效。这组鼠标滑过按钮动画共有13最后效果,均由按钮的伪元素和CSS3 animation来制作完成。 HTML结构 该效果通过超链接来制作按钮,例如第一种Swipe效果…
Switch - iOS样式滑动开关按钮JS插件 PetitQ 按钮图标 2018-10-27 2.15K 0 0 Switch.js是一款可以将任意CheckBox控件转换为iOS样式滑动开关按钮的JS插件。Switch.js使用简单,功能强大,它可以控制滑动按钮的尺寸,颜色,状态等。 使用方法: 在页面中引入switch.css和switch…
Switch - iOS样式滑动开关按钮JS插件 PetitQ 按钮图标 2018-10-27 2.15K 0 0 Switch.js是一款可以将任意CheckBox控件转换为iOS样式滑动开关按钮的JS插件。Switch.js使用简单,功能强大,它可以控制滑动按钮的尺寸,颜色,状态等。 使用方法: 在页面中引入switch.css和switch…
纯CSS3带动画特效的精美3D大按钮 PetitQ 按钮图标 2019-1-21 1.54K 0 1 这是一组非常时尚的纯CSS3带动画特效的精美3D大按钮。这组按钮共10种样式,这些按钮被制作为立体效果,按钮的左侧或右侧分别带有不同边框样式的图标,并且这些边框在鼠标滑过时还有一些动画效果。 HTML结构 所有的按钮都使用类似的HT…
纯CSS3带动画特效的精美3D大按钮 PetitQ 按钮图标 2019-1-21 1.54K 0 1 这是一组非常时尚的纯CSS3带动画特效的精美3D大按钮。这组按钮共10种样式,这些按钮被制作为立体效果,按钮的左侧或右侧分别带有不同边框样式的图标,并且这些边框在鼠标滑过时还有一些动画效果。 HTML结构 所有的按钮都使用类似的HT…
CSS3白色质感3D按钮特效 PetitQ 按钮图标 2019-12-02 2.09K 0 0 这是一款css3白色质感3D按钮特效。该按钮使用svg做为图标,通过css3代码,打造出非常炫酷的3d按钮效果。 HTML结构 Normal Not focusable Disabled css样式 @-webkit-keyfram…
CSS3白色质感3D按钮特效 PetitQ 按钮图标 2019-12-02 2.09K 0 0 这是一款css3白色质感3D按钮特效。该按钮使用svg做为图标,通过css3代码,打造出非常炫酷的3d按钮效果。 HTML结构 Normal Not focusable Disabled css样式 @-webkit-keyfram…
jQuery+css3单选框复选框美化效果 PetitQ 按钮图标 2018-11-10 1.64K 0 0 这是一款使用jQuery和css3制作的单选框和复选框美化效果的插件。该美化效果插件代码小巧简洁,最为显眼的效果是复选框选中时小勾的旋转效果。 HTML代码 Gender: Male Female Favorite music: P…
jQuery+css3单选框复选框美化效果 PetitQ 按钮图标 2018-11-10 1.64K 0 0 这是一款使用jQuery和css3制作的单选框和复选框美化效果的插件。该美化效果插件代码小巧简洁,最为显眼的效果是复选框选中时小勾的旋转效果。 HTML代码 Gender: Male Female Favorite music: P…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.84K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.84K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.70K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.70K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
纯CSS3谷歌Google样式的按钮 PetitQ 按钮图标 2019-1-16 1.79K 0 0 这是仿照Google+样式的一款纯css3谷歌样式按钮。谷歌样式以简洁实用而闻名,这款css3按钮风格上就是简洁实用。 HTML结构 Stand AloneLeftMiddleMiddleRightStand Alone Stand…
纯CSS3谷歌Google样式的按钮 PetitQ 按钮图标 2019-1-16 1.79K 0 0 这是仿照Google+样式的一款纯css3谷歌样式按钮。谷歌样式以简洁实用而闻名,这款css3按钮风格上就是简洁实用。 HTML结构 Stand AloneLeftMiddleMiddleRightStand Alone Stand…