精美的纯CSS3滑动开关按钮 PetitQ 按钮图标 2019-3-21 2.18K 0 0 这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计,可以适应5种不同的场景,以及一种不可用的状态。 HTML结构 该滑动按钮效果的基本HTML结构使用一个<div>元素来包裹一…
精美的纯CSS3滑动开关按钮 PetitQ 按钮图标 2019-3-21 2.18K 0 0 这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计,可以适应5种不同的场景,以及一种不可用的状态。 HTML结构 该滑动按钮效果的基本HTML结构使用一个<div>元素来包裹一…
css3 制作精美按钮hover动画效果 PetitQ 按钮图标 2019-1-14 1.74K 0 0 该效果包括30多种按钮hover动画效果,使用了css3 transition属性和一些jquery代码来改变按钮的class样式,每种效果都异想天开,值得收藏。
css3 制作精美按钮hover动画效果 PetitQ 按钮图标 2019-1-14 1.74K 0 0 该效果包括30多种按钮hover动画效果,使用了css3 transition属性和一些jquery代码来改变按钮的class样式,每种效果都异想天开,值得收藏。
CSS3创意圆形菜单布局设计 PetitQ 导航菜单, 按钮图标 2019-1-22 2.22K 0 0 这是一款非常有创意的jQuery和CSS3圆形菜单界面布局设计。这个界面布局中,通过点击主菜单按钮可以在它的四周出现主菜单按钮。点击每一个主菜单按钮都会以动画的方式切换到相应的界面,效果非常的炫酷。 HTML结构 菜单的HTML结构…
CSS3创意圆形菜单布局设计 PetitQ 导航菜单, 按钮图标 2019-1-22 2.22K 0 0 这是一款非常有创意的jQuery和CSS3圆形菜单界面布局设计。这个界面布局中,通过点击主菜单按钮可以在它的四周出现主菜单按钮。点击每一个主菜单按钮都会以动画的方式切换到相应的界面,效果非常的炫酷。 HTML结构 菜单的HTML结构…
CSS3 带进度条表单提交按钮动画 PetitQ 按钮图标 2019-1-14 1.59K 0 1 这个插件是使用css3属性制作的带进度条的表单提交按钮动画效果。当用户点击提交按钮后,提交按钮上出现进度条提示提交的进度。有18种效果,包括翻转,旋转,3d透视等效果。
CSS3 带进度条表单提交按钮动画 PetitQ 按钮图标 2019-1-14 1.59K 0 1 这个插件是使用css3属性制作的带进度条的表单提交按钮动画效果。当用户点击提交按钮后,提交按钮上出现进度条提示提交的进度。有18种效果,包括翻转,旋转,3d透视等效果。
纯CSS3各种开关按钮动画特效 PetitQ 按钮图标 2019-1-18 1.82K 0 1 这是使用纯css3制作的4种开关按钮动画效果。这4个效果按钮分别是:按压式按钮、上下拨动按钮、滑动按钮和电源开关按钮。每一个开关按钮点击时都带有出色的动画效果。共有4种效果。在这个插件中使用了“CHECKBOX HACK”技术。ch…
纯CSS3各种开关按钮动画特效 PetitQ 按钮图标 2019-1-18 1.82K 0 1 这是使用纯css3制作的4种开关按钮动画效果。这4个效果按钮分别是:按压式按钮、上下拨动按钮、滑动按钮和电源开关按钮。每一个开关按钮点击时都带有出色的动画效果。共有4种效果。在这个插件中使用了“CHECKBOX HACK”技术。ch…
纯CSS3鼠标滑过特效动画库 PetitQ 按钮图标, 文本/链接 2019-1-19 2.13K 0 0 Hover.css是一款效果很酷的纯CSS3鼠标滑过特效动画库。Hover.css支持的元素包括超链接、按钮、logos、SVG和图片等。当鼠标滑过元素时有背景颜色变化效果、图标变化效果、阴影、抖动、旋转、折角等107种特效。 使用…
纯CSS3鼠标滑过特效动画库 PetitQ 按钮图标, 文本/链接 2019-1-19 2.13K 0 0 Hover.css是一款效果很酷的纯CSS3鼠标滑过特效动画库。Hover.css支持的元素包括超链接、按钮、logos、SVG和图片等。当鼠标滑过元素时有背景颜色变化效果、图标变化效果、阴影、抖动、旋转、折角等107种特效。 使用…
炫酷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…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.30K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.30K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
仿Android样式扁平风格图标插件 PetitQ 按钮图标 2018-10-27 1.71K 0 0 Flatify是一款可以制作安卓(Android)样式的Material-Design扁平风格图标的jQuery插件。它小巧实用,通过简单的设置,就可以制作出多种扁平风格的图标。 使用方法: 使用该扁平风格图标插件需要引入jQuer…
仿Android样式扁平风格图标插件 PetitQ 按钮图标 2018-10-27 1.71K 0 0 Flatify是一款可以制作安卓(Android)样式的Material-Design扁平风格图标的jQuery插件。它小巧实用,通过简单的设置,就可以制作出多种扁平风格的图标。 使用方法: 使用该扁平风格图标插件需要引入jQuer…
基于Bootstrap水晶玻璃质感按钮 PetitQ 按钮图标 2019-3-06 1.37K 0 0 这是一款基于Bootstrap的水晶玻璃质感按钮设计效果。这些按钮在Bootstrap按钮的基础上,通过为按钮的伪元素添加背景图像和渐变效果,制作出非常漂亮的水晶玻璃质感按钮。 使用方法 要使用这些水晶按钮,需要在页面中引入Boot…
基于Bootstrap水晶玻璃质感按钮 PetitQ 按钮图标 2019-3-06 1.37K 0 0 这是一款基于Bootstrap的水晶玻璃质感按钮设计效果。这些按钮在Bootstrap按钮的基础上,通过为按钮的伪元素添加背景图像和渐变效果,制作出非常漂亮的水晶玻璃质感按钮。 使用方法 要使用这些水晶按钮,需要在页面中引入Boot…
简单点击加载更多内容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结构 使用该插件需…
12种炫酷汉堡包图标按钮变形动画特效 PetitQ 按钮图标 2018-10-28 2.16K 0 0 这是一款使用jquery和css3制作的炫酷汉堡包按钮变形动画特效。这组特效共12种动画效果,分别是在用户点击汉堡包按钮之后,汉堡包按钮以不同的方式执行变形动画。 HTML结构: 这组汉堡包按钮的HTML结构基本相似,都是使用一个元…
12种炫酷汉堡包图标按钮变形动画特效 PetitQ 按钮图标 2018-10-28 2.16K 0 0 这是一款使用jquery和css3制作的炫酷汉堡包按钮变形动画特效。这组特效共12种动画效果,分别是在用户点击汉堡包按钮之后,汉堡包按钮以不同的方式执行变形动画。 HTML结构: 这组汉堡包按钮的HTML结构基本相似,都是使用一个元…