纯CSS3逼真苹果Apple电脑键盘 PetitQ 其他代码 2019-2-28 1.33K 0 0 这是一款使用纯CSS3制作的效果非常逼真的苹果(Apple)电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键,按键被按下时有逼真的动画效果。 HTML结构 该苹果键盘效果的HTML结构中,将键盘的每一部分…
纯CSS3逼真苹果Apple电脑键盘 PetitQ 其他代码 2019-2-28 1.33K 0 0 这是一款使用纯CSS3制作的效果非常逼真的苹果(Apple)电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键,按键被按下时有逼真的动画效果。 HTML结构 该苹果键盘效果的HTML结构中,将键盘的每一部分…
html2canvas 屏幕截图JS插件 PetitQ 其他代码 2019-5-30 1.85K 0 1 html2canvas 是一款js屏幕截图插件,该插件可以将当前屏幕的DOM元素按原样进行截图,通过canvas生成图片。 使用方法 在页面中引入html2canvas.js文件。 初始化插件 html2canvas(documen…
html2canvas 屏幕截图JS插件 PetitQ 其他代码 2019-5-30 1.85K 0 1 html2canvas 是一款js屏幕截图插件,该插件可以将当前屏幕的DOM元素按原样进行截图,通过canvas生成图片。 使用方法 在页面中引入html2canvas.js文件。 初始化插件 html2canvas(documen…
基于WEBGL的3D立方体特效 PetitQ 其他代码 2020-1-15 1.81K 0 1 这是一款基于WEBGL的3D立方体特效。该立方体特效对普通的3D立方体效果进行了扩展,在立方体旋转的同时,呈现了更多的立体效果。 Github网址:https://github.com/lorenzocadamuro/apple-f…
基于WEBGL的3D立方体特效 PetitQ 其他代码 2020-1-15 1.81K 0 1 这是一款基于WEBGL的3D立方体特效。该立方体特效对普通的3D立方体效果进行了扩展,在立方体旋转的同时,呈现了更多的立体效果。 Github网址:https://github.com/lorenzocadamuro/apple-f…
jquery实现简单计算器特效 PetitQ 其他代码 2018-10-30 1.98K 0 1 这是一款jquery实现简单计算器代码。该jquery计算器使用 Bootstrap 4进行布局,并结合math.js数学库,实现简单的加减乘除和平方,开方等数学计算。 使用方法: 在页面中引入bootstrap 4,jquery和…
jquery实现简单计算器特效 PetitQ 其他代码 2018-10-30 1.98K 0 1 这是一款jquery实现简单计算器代码。该jquery计算器使用 Bootstrap 4进行布局,并结合math.js数学库,实现简单的加减乘除和平方,开方等数学计算。 使用方法: 在页面中引入bootstrap 4,jquery和…
Air Datepicker - 跨浏览器jQuery日期选择器插件 PetitQ 其他代码 2018-11-03 1.87K 0 0 air-datepicker是一款跨浏览器轻量级的jQuery日期选择器插件。该日期选择器使用es5和css-flexbox来制作,可以在所有的现代浏览器中正常工作。 使用方法: 使用该日期选择器插件需要引入datepicker.m…
Air Datepicker - 跨浏览器jQuery日期选择器插件 PetitQ 其他代码 2018-11-03 1.87K 0 0 air-datepicker是一款跨浏览器轻量级的jQuery日期选择器插件。该日期选择器使用es5和css-flexbox来制作,可以在所有的现代浏览器中正常工作。 使用方法: 使用该日期选择器插件需要引入datepicker.m…
CSS3炫酷loading加载动画特效 PetitQ 其他代码 2019-1-20 1.94K 0 0 这是一组效果非常炫酷的纯CSS3 Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构思新颖,效果非常的酷。 使用方法…
CSS3炫酷loading加载动画特效 PetitQ 其他代码 2019-1-20 1.94K 0 0 这是一组效果非常炫酷的纯CSS3 Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构思新颖,效果非常的酷。 使用方法…
Bootstrap超酷进度条动画UI设计 PetitQ 其他代码 2019-3-09 1.67K 0 0 这是一款基于原生Bootstrap进度条组件制作的超酷进度条动画UI设计效果。该进度条在原生Bootstrap进度条组件的基础上,通过简单CSS3代码制作出非常炫酷的进度条动画特效。 HTML结构 该进度条的HTML结构如下,每一个…
Bootstrap超酷进度条动画UI设计 PetitQ 其他代码 2019-3-09 1.67K 0 0 这是一款基于原生Bootstrap进度条组件制作的超酷进度条动画UI设计效果。该进度条在原生Bootstrap进度条组件的基础上,通过简单CSS3代码制作出非常炫酷的进度条动画特效。 HTML结构 该进度条的HTML结构如下,每一个…
Sticksy 滚动固定侧边栏元素jQuery插件 PetitQ 其他代码 2019-8-09 1.77K 0 0 Sticksy.js是一款jQuery滚动固定侧边栏元素插件。该插件可以在页面滚动时,将任意元素固定在页面的可视区域中,跟随页面一起滚动。 HTML结构 初始化插件 var stickyElement = new Sticksy('…
Sticksy 滚动固定侧边栏元素jQuery插件 PetitQ 其他代码 2019-8-09 1.77K 0 0 Sticksy.js是一款jQuery滚动固定侧边栏元素插件。该插件可以在页面滚动时,将任意元素固定在页面的可视区域中,跟随页面一起滚动。 HTML结构 初始化插件 var stickyElement = new Sticksy('…
中国省市区地址三级联动jQuery插件 PetitQ 其他代码 2018-11-06 2.74K 0 1 distpicker是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单,简单设置即可完成中国省市区地址联动效果。 HTML结构: 基本的HTML结构是使用一个[div]容器来包裹一组[select]元素。 你可以直接通…
中国省市区地址三级联动jQuery插件 PetitQ 其他代码 2018-11-06 2.74K 0 1 distpicker是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单,简单设置即可完成中国省市区地址联动效果。 HTML结构: 基本的HTML结构是使用一个[div]容器来包裹一组[select]元素。 你可以直接通…
纯文本Loading加载指示器特效 PetitQ 其他代码 2018-10-31 1.54K 0 0 text-spinners是一款纯CSS纯文本Loading加载指示器特效。该loading加载指示器使用纯文本制作,为内联样式,不同的字体下显示的效果会略有不同。 使用方法: 在页面中引入spinners.css文件。 HTML结…
纯文本Loading加载指示器特效 PetitQ 其他代码 2018-10-31 1.54K 0 0 text-spinners是一款纯CSS纯文本Loading加载指示器特效。该loading加载指示器使用纯文本制作,为内联样式,不同的字体下显示的效果会略有不同。 使用方法: 在页面中引入spinners.css文件。 HTML结…
信用卡制作验证jQuery插件 PetitQ 其他代码, 表单/表格 2018-11-10 1.47K 0 0 这是一个非常有意思的jQuery制作信用卡插件,你可以自定义卡号等信用卡信息,并用css3制作了翻转效果,可以翻转到背面。这个插件使用纯css制作,没有使用图片。引入js和css文件 调用插件 $('form').card({ //…
信用卡制作验证jQuery插件 PetitQ 其他代码, 表单/表格 2018-11-10 1.47K 0 0 这是一个非常有意思的jQuery制作信用卡插件,你可以自定义卡号等信用卡信息,并用css3制作了翻转效果,可以翻转到背面。这个插件使用纯css制作,没有使用图片。引入js和css文件 调用插件 $('form').card({ //…
CSS3霓虹灯风格Loading进度条特效 PetitQ 其他代码 2019-1-21 1.55K 0 0 这是一款使用纯CSS3制作的效果非常酷的霓虹灯风格Loading进度条特效。该进度条特效有5种效果。它通过CSS3的阴影及色彩的控制制作出效果非常炫酷的霓虹灯特效。 HTML结构 这组霓虹灯特效的HTML结构非常简单。都是通过嵌套来…
CSS3霓虹灯风格Loading进度条特效 PetitQ 其他代码 2019-1-21 1.55K 0 0 这是一款使用纯CSS3制作的效果非常酷的霓虹灯风格Loading进度条特效。该进度条特效有5种效果。它通过CSS3的阴影及色彩的控制制作出效果非常炫酷的霓虹灯特效。 HTML结构 这组霓虹灯特效的HTML结构非常简单。都是通过嵌套来…