纯CSS3带动画效果左右滑动按钮 PetitQ 按钮图标 2019-1-16 2.48K 0 1 这是一款使用纯css3制作的类似于android滑动按钮的左右滑动按钮效果。这个css3左右滑动按钮可以使用鼠标来控制开关滑动,按钮开关滑动时带有很炫的动画和渐变效果。
纯CSS3带动画效果左右滑动按钮 PetitQ 按钮图标 2019-1-16 2.48K 0 1 这是一款使用纯css3制作的类似于android滑动按钮的左右滑动按钮效果。这个css3左右滑动按钮可以使用鼠标来控制开关滑动,按钮开关滑动时带有很炫的动画和渐变效果。
纯CSS3鼠标滑过彩色按钮动画特效 PetitQ 按钮图标 2019-3-04 1.28K 0 1 这是一组使用纯CSS3制作的效果很酷的鼠标滑过彩色按钮动画特效。这组按钮特效共9种不同的效果,它们分别通过修改按钮的background-size属性和伪元素的宽度来实现各种动画效果。 HTML结构 特效中所有的按钮都使用标准的按钮…
纯CSS3鼠标滑过彩色按钮动画特效 PetitQ 按钮图标 2019-3-04 1.28K 0 1 这是一组使用纯CSS3制作的效果很酷的鼠标滑过彩色按钮动画特效。这组按钮特效共9种不同的效果,它们分别通过修改按钮的background-size属性和伪元素的宽度来实现各种动画效果。 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各种开关按钮动画特效 PetitQ 按钮图标 2019-1-18 1.83K 0 1 这是使用纯css3制作的4种开关按钮动画效果。这4个效果按钮分别是:按压式按钮、上下拨动按钮、滑动按钮和电源开关按钮。每一个开关按钮点击时都带有出色的动画效果。共有4种效果。在这个插件中使用了“CHECKBOX HACK”技术。ch…
纯CSS3各种开关按钮动画特效 PetitQ 按钮图标 2019-1-18 1.83K 0 1 这是使用纯css3制作的4种开关按钮动画效果。这4个效果按钮分别是:按压式按钮、上下拨动按钮、滑动按钮和电源开关按钮。每一个开关按钮点击时都带有出色的动画效果。共有4种效果。在这个插件中使用了“CHECKBOX HACK”技术。ch…
Quantum Paper 风格按钮变形动画特效 PetitQ 按钮图标 2018-10-27 1.49K 0 1 Quttons是一款谷歌Quantum Paper风格按钮变形动画特效jQuery插件。Quantum Paper(量子纸)是一种新的谷歌Material Design语言。它可以改变大小、形状和颜色以容纳新的内容。该插件使用按钮来…
Quantum Paper 风格按钮变形动画特效 PetitQ 按钮图标 2018-10-27 1.49K 0 1 Quttons是一款谷歌Quantum Paper风格按钮变形动画特效jQuery插件。Quantum Paper(量子纸)是一种新的谷歌Material Design语言。它可以改变大小、形状和颜色以容纳新的内容。该插件使用按钮来…
纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.21K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.21K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
仿Facebook切换表情符号jQuery插件 PetitQ 按钮图标 2018-10-27 1.48K 0 1 FaceMocion.js是一款仿Facebook切换表情符号的jQuery插件。该jQuery插件使用一张表情符号的雪碧图作为背景图片,通过jQuery和CSS3过渡效果制作出平滑过渡的表情符号切换效果,适合用于制作文章的点赞和评…
仿Facebook切换表情符号jQuery插件 PetitQ 按钮图标 2018-10-27 1.48K 0 1 FaceMocion.js是一款仿Facebook切换表情符号的jQuery插件。该jQuery插件使用一张表情符号的雪碧图作为背景图片,通过jQuery和CSS3过渡效果制作出平滑过渡的表情符号切换效果,适合用于制作文章的点赞和评…
纯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…
Material design风格浮动按钮特效 PetitQ 按钮图标 2018-10-28 1.67K 0 1 material-floating-button是一款使用纯Js制作的Material design风格浮动按钮特效。该Material design风格浮动按钮特效提供4种动画特效,它们都可以在鼠标滑过按钮时以炫酷的方式展开按钮。…
Material design风格浮动按钮特效 PetitQ 按钮图标 2018-10-28 1.67K 0 1 material-floating-button是一款使用纯Js制作的Material design风格浮动按钮特效。该Material design风格浮动按钮特效提供4种动画特效,它们都可以在鼠标滑过按钮时以炫酷的方式展开按钮。…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.91K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
纯CSS3单选按钮美化效果 PetitQ 按钮图标 2019-1-22 2.91K 0 1 这是一款设计的非常漂亮的纯CSS3单选按钮美化效果。该单选按钮效果中单选按钮被制作为绿色荧光效果,外层还有一圈淡淡的光晕。鼠标滑过按钮时,内层的荧光会变大亮起。在点击的时候内层荧光填满整个按钮,并且外层光晕也同时出现。 HTML结构…
纯CSS3带SVG图标扁平风格按钮 PetitQ 按钮图标 2019-1-24 1.93K 0 1 这是一组非常时尚的纯CSS3带SVG图标的扁平风格按钮。这些按钮使用Flexbox来布局,按钮上带有SVG图标,在鼠标滑过按钮时会有背景色和现状上的变化效果。 HTML结构 带图标的按钮的基本HTML结构如下: BUTTON CSS…
纯CSS3带SVG图标扁平风格按钮 PetitQ 按钮图标 2019-1-24 1.93K 0 1 这是一组非常时尚的纯CSS3带SVG图标的扁平风格按钮。这些按钮使用Flexbox来布局,按钮上带有SVG图标,在鼠标滑过按钮时会有背景色和现状上的变化效果。 HTML结构 带图标的按钮的基本HTML结构如下: BUTTON CSS…