纯文本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结…
纯js带二维码的qq在线客服悬浮代码 PetitQ 其他代码 2018-10-30 2.11K 0 1 这是一款纯js qq在线客服悬浮代码。该qq在线客服会一直悬浮在页面的右侧,跟随页面一起滚动。并且该qq在线客服带有二维码,兼容ie8浏览器,非常实用。 使用方法: 在页面中引入style.css和qq.js文件。 HTML结构: …
纯js带二维码的qq在线客服悬浮代码 PetitQ 其他代码 2018-10-30 2.11K 0 1 这是一款纯js qq在线客服悬浮代码。该qq在线客服会一直悬浮在页面的右侧,跟随页面一起滚动。并且该qq在线客服带有二维码,兼容ie8浏览器,非常实用。 使用方法: 在页面中引入style.css和qq.js文件。 HTML结构: …
纯JS和CSS3页面滚动动画库插件 PetitQ 其他代码 2019-3-11 1.79K 0 1 kissui.scrollanim是一款实用的纯JS和CSS3页面滚动动画库插件,通过该插件可以使元素进入浏览器视口的时候,展示指定的CSS3动画效果。 使用方法 在页面中引入scrollanim.css和scrollanim.js…
纯JS和CSS3页面滚动动画库插件 PetitQ 其他代码 2019-3-11 1.79K 0 1 kissui.scrollanim是一款实用的纯JS和CSS3页面滚动动画库插件,通过该插件可以使元素进入浏览器视口的时候,展示指定的CSS3动画效果。 使用方法 在页面中引入scrollanim.css和scrollanim.js…
纯js可定制的跨浏览器日期时间选择器插件 PetitQ 其他代码 2018-11-03 1.51K 0 0 Rome是一款纯js可定制的跨浏览器日期时间选择器插件。该日期时间选择器不依赖于jQuery,但它依赖于moment.js。可以通过CSS文件来自定义该日期时间选择器的外观样式。 使用方法: 你可以使用自定义版本的moment.js…
纯js可定制的跨浏览器日期时间选择器插件 PetitQ 其他代码 2018-11-03 1.51K 0 0 Rome是一款纯js可定制的跨浏览器日期时间选择器插件。该日期时间选择器不依赖于jQuery,但它依赖于moment.js。可以通过CSS文件来自定义该日期时间选择器的外观样式。 使用方法: 你可以使用自定义版本的moment.js…
纯js二维码生成插件 PetitQ 其他代码 2018-10-29 2.23K 0 0 qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码:SVG格式的二维码,data URI为SVG的图像,data URI为PNG的图像,和表格形式的二维码。 使用方法: 在页面中引入qrjs2.mi…
纯js二维码生成插件 PetitQ 其他代码 2018-10-29 2.23K 0 0 qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码:SVG格式的二维码,data URI为SVG的图像,data URI为PNG的图像,和表格形式的二维码。 使用方法: 在页面中引入qrjs2.mi…
纯CSS百分比圆形进度条插件 PetitQ 其他代码 2019-1-24 2.10K 0 0 percircle是一款简单实用的纯CSS百分比圆形进度条插件。你不需要做任何设置,只需要按该圆形进度条插件提供的标准HTML结构来编写代码,就可以生成一个漂亮的百分比圆形进度条。 使用方法 使用该幻灯片插件需要在页面中引入jQue…
纯CSS百分比圆形进度条插件 PetitQ 其他代码 2019-1-24 2.10K 0 0 percircle是一款简单实用的纯CSS百分比圆形进度条插件。你不需要做任何设置,只需要按该圆形进度条插件提供的标准HTML结构来编写代码,就可以生成一个漂亮的百分比圆形进度条。 使用方法 使用该幻灯片插件需要在页面中引入jQue…
纯CSS响应式六边形网格布局 PetitQ 其他代码 2019-3-09 2.01K 0 0 hexagons.css是一款纯CSS3响应式六边形网格布局系统。通过hexagons.css预设的样式,可以非常轻松的制作出六边形图片网格布局。它的特点还有: 六边形网格会根据容器的宽度自动调整。 六边形网格会保持它们的比例。 每…
纯CSS响应式六边形网格布局 PetitQ 其他代码 2019-3-09 2.01K 0 0 hexagons.css是一款纯CSS3响应式六边形网格布局系统。通过hexagons.css预设的样式,可以非常轻松的制作出六边形图片网格布局。它的特点还有: 六边形网格会根据容器的宽度自动调整。 六边形网格会保持它们的比例。 每…
纯CSS制作卡通人辛普森一家物动画特效 PetitQ 其他代码 2020-1-13 2.02K 0 0 这是一款纯CSS制作辛普森一家卡通人物动画特效。该特效中,所有辛普森一家动画中的角色都使用HTML和CSS来制作。 使用方法 每个动画人物对应一个CSS文件,需要时引入即可
纯CSS制作卡通人辛普森一家物动画特效 PetitQ 其他代码 2020-1-13 2.02K 0 0 这是一款纯CSS制作辛普森一家卡通人物动画特效。该特效中,所有辛普森一家动画中的角色都使用HTML和CSS来制作。 使用方法 每个动画人物对应一个CSS文件,需要时引入即可
纯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结构中,将键盘的每一部分…
纯CSS3进度条动画效果 PetitQ 其他代码 2019-1-16 1.41K 0 0 一款使用纯css3制作的进度条动画效果。进度条在前进时不同的刻度可以设置不同的颜色,是一款效果非常酷的进度条动画。这个彩色的进度条动画效果在增加刻度时颜色从红色渐变到绿色,效果非常不错。它使用纯css制作,没有使用任何的javasc…
纯CSS3进度条动画效果 PetitQ 其他代码 2019-1-16 1.41K 0 0 一款使用纯css3制作的进度条动画效果。进度条在前进时不同的刻度可以设置不同的颜色,是一款效果非常酷的进度条动画。这个彩色的进度条动画效果在增加刻度时颜色从红色渐变到绿色,效果非常不错。它使用纯css制作,没有使用任何的javasc…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.13K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.13K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
纯CSS3炫酷加载loading动画特效插件 PetitQ 其他代码 2019-1-19 1.79K 0 0 这是一款通过CSS animation创建的类似gif加载图片的纯css3加载loading动画插件。这个css3加载loading动画插件集成了5种炫酷效果,有旋转、放大缩小、风车效果和太阳系9大行星效果。最后使用Chrome浏览…
纯CSS3炫酷加载loading动画特效插件 PetitQ 其他代码 2019-1-19 1.79K 0 0 这是一款通过CSS animation创建的类似gif加载图片的纯css3加载loading动画插件。这个css3加载loading动画插件集成了5种炫酷效果,有旋转、放大缩小、风车效果和太阳系9大行星效果。最后使用Chrome浏览…