纯CSS3带过渡动画分页条ui设计 PetitQ 其他代码, 按钮图标 2019-3-06 1.52K 0 0 这是一款效果非常酷的纯CSS3带过渡动画特效的分页条ui设计效果。该分页条的首页、尾页、上一页和下一页按钮在鼠标滑过时,会带有非常好看的平滑拉伸动画效果。并且整个分页条带有很漂亮的阴影效果。 HTML结构 该分页条的HTML结构如下…
纯CSS3带过渡动画分页条ui设计 PetitQ 其他代码, 按钮图标 2019-3-06 1.52K 0 0 这是一款效果非常酷的纯CSS3带过渡动画特效的分页条ui设计效果。该分页条的首页、尾页、上一页和下一页按钮在鼠标滑过时,会带有非常好看的平滑拉伸动画效果。并且整个分页条带有很漂亮的阴影效果。 HTML结构 该分页条的HTML结构如下…
超酷汉堡包图标变形动画特效 PetitQ 按钮图标 2019-3-02 1.47K 0 0 Hamburgers是一款效果超酷的汉堡包图标变形动画特效CSS3动画库。这组汉堡包图标动画包括18种不同的汉堡包变形动画效果,你还可以通过Sass文件来自定义你自己的汉堡包图标变形动画。 使用方法 使用该汉堡包变形动画特效需要在页…
超酷汉堡包图标变形动画特效 PetitQ 按钮图标 2019-3-02 1.47K 0 0 Hamburgers是一款效果超酷的汉堡包图标变形动画特效CSS3动画库。这组汉堡包图标动画包括18种不同的汉堡包变形动画效果,你还可以通过Sass文件来自定义你自己的汉堡包图标变形动画。 使用方法 使用该汉堡包变形动画特效需要在页…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.32K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.32K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.08K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
三种状态开关按钮jQuery插件 PetitQ 按钮图标 2018-11-09 3.08K 0 0 ijToggler是一款支持三种状态的jQuery开关按钮插件。该开关按钮插件实用简单,支持选择状态,未选状态和中间状态三种状态。 使用方法 在页面中引入jquery、jtoggler.js和jtoggler.styles.css文…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.94K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.94K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
简单点击加载更多内容jQuery插件 PetitQ 按钮图标 2019-3-01 2.45K 0 4 这是一款简单的jquery点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。 使用方法 在页面中引入jquery和jquery.simpleLoadMore文件。 HTML结构 使用该插件需…
简单点击加载更多内容jQuery插件 PetitQ 按钮图标 2019-3-01 2.45K 0 4 这是一款简单的jquery点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。 使用方法 在页面中引入jquery和jquery.simpleLoadMore文件。 HTML结构 使用该插件需…
内置loading指示器提交按钮特效 PetitQ 按钮图标 2018-10-27 1.39K 0 0 这是一款基于Bootstrap 3的内置loading指示器的提交按钮特效。该提交按钮可以选择13种loading指示器效果,在点击提交后以不同方式来显示loading指示器动画。 使用方法: 使用该提交按钮loading动画特效要…
内置loading指示器提交按钮特效 PetitQ 按钮图标 2018-10-27 1.39K 0 0 这是一款基于Bootstrap 3的内置loading指示器的提交按钮特效。该提交按钮可以选择13种loading指示器效果,在点击提交后以不同方式来显示loading指示器动画。 使用方法: 使用该提交按钮loading动画特效要…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.68K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.68K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
Material design风格点击波特效 ripplet 插件 PetitQ 按钮图标 2018-10-28 1.43K 0 0 ripplet.js是一款Material design风格点击波特效js插件。通过ripplet.js插件,你可以制作并控制点击波效果,生成自己风格的点击波特效。 使用方法: 在页面中引入ripplet.js文件。。 HTML结构…
Material design风格点击波特效 ripplet 插件 PetitQ 按钮图标 2018-10-28 1.43K 0 0 ripplet.js是一款Material design风格点击波特效js插件。通过ripplet.js插件,你可以制作并控制点击波效果,生成自己风格的点击波特效。 使用方法: 在页面中引入ripplet.js文件。。 HTML结构…
精美纯CSS3扁平风格图标 PetitQ 按钮图标 2019-1-27 1.95K 0 1 这是一组使用纯CSS3制作的扁平风格的图标。这组图标共有16个,所有图标均由CSS渲染而成,没有使用任何图片。其中有5个图标在鼠标滑过时带有动画特效。 HTML结构 所有的图标都是以div.icon作为包裹容器,里面放置需要的元素。…
精美纯CSS3扁平风格图标 PetitQ 按钮图标 2019-1-27 1.95K 0 1 这是一组使用纯CSS3制作的扁平风格的图标。这组图标共有16个,所有图标均由CSS渲染而成,没有使用任何图片。其中有5个图标在鼠标滑过时带有动画特效。 HTML结构 所有的图标都是以div.icon作为包裹容器,里面放置需要的元素。…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.75K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.75K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…
jQuery扁平化单选复选框美化插件 PetitQ 按钮图标 2018-10-27 1.56K 0 0 Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格,非常时尚漂…
jQuery扁平化单选复选框美化插件 PetitQ 按钮图标 2018-10-27 1.56K 0 0 Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格,非常时尚漂…