CSS3倒计时时钟动画特效代码 PetitQ 时间日期 2022-1-02 1.05K 0 0 现在分享的这款CSS3应用是一个倒计时插件,这款倒计时插件的外观还是比较简单大气的,加上阴影,有着3D立体的视觉效果。倒计时标有天、时、分、秒,我们可以很清晰的看出时钟的走动。我们可以将它制作成挂件放到自己的个人博客上去,来实现活动…
CSS3倒计时时钟动画特效代码 PetitQ 时间日期 2022-1-02 1.05K 0 0 现在分享的这款CSS3应用是一个倒计时插件,这款倒计时插件的外观还是比较简单大气的,加上阴影,有着3D立体的视觉效果。倒计时标有天、时、分、秒,我们可以很清晰的看出时钟的走动。我们可以将它制作成挂件放到自己的个人博客上去,来实现活动…
jQuery和css3可扩展的图片幻灯片插件 PetitQ 幻灯片/轮播 2018-10-23 1.58K 0 0 这是一款可扩展的jQuery和css3图片幻灯片插件。在大屏幕上点击幻灯片时,幻灯片将放大到全屏宽度,并出现前后导航;在小屏幕上直接出现幻灯片效果。我们经常能看到“50%平均分割布局”:屏幕的50%宽是图片,50%宽是文字。这种模式…
jQuery和css3可扩展的图片幻灯片插件 PetitQ 幻灯片/轮播 2018-10-23 1.58K 0 0 这是一款可扩展的jQuery和css3图片幻灯片插件。在大屏幕上点击幻灯片时,幻灯片将放大到全屏宽度,并出现前后导航;在小屏幕上直接出现幻灯片效果。我们经常能看到“50%平均分割布局”:屏幕的50%宽是图片,50%宽是文字。这种模式…
previewSlider 炫酷带预览效果js轮播插件 PetitQ 幻灯片/轮播 2019-3-07 2.09K 0 1 previewSlider是一款带预览效果的炫酷js轮播图插件。该轮播图在鼠标悬停到前后导航按钮上时,会出现展示缩略图按钮,点击后可以展示所有图片。点击任意缩略图则可以将其放大到全屏进行展示。 使用方法 在页面中引入preview-…
previewSlider 炫酷带预览效果js轮播插件 PetitQ 幻灯片/轮播 2019-3-07 2.09K 0 1 previewSlider是一款带预览效果的炫酷js轮播图插件。该轮播图在鼠标悬停到前后导航按钮上时,会出现展示缩略图按钮,点击后可以展示所有图片。点击任意缩略图则可以将其放大到全屏进行展示。 使用方法 在页面中引入preview-…
炫酷打开模态窗口过渡动画特效 PetitQ Lightbox/弹窗, 对话框/Tips 2019-3-06 1.96K 0 1 这是一款使用CSS3 animation动画制作的超酷打开模态窗口过渡动画特效。该CSS过渡动画的原理是通过steps()函数来制作步进动画,通过不同的背景雪碧图片制作出不同的动画过渡效果。 HTML结构 这11种不同的动画过渡效果…
炫酷打开模态窗口过渡动画特效 PetitQ Lightbox/弹窗, 对话框/Tips 2019-3-06 1.96K 0 1 这是一款使用CSS3 animation动画制作的超酷打开模态窗口过渡动画特效。该CSS过渡动画的原理是通过steps()函数来制作步进动画,通过不同的背景雪碧图片制作出不同的动画过渡效果。 HTML结构 这11种不同的动画过渡效果…
动态生成 Avatars 用户头像插件 PetitQ 其他代码 2019-6-29 1.69K 0 0 Avatars是一款可以动态生成用户头像js插件。Avatars可以在浏览器或node.js环境中,动态生成各种漂亮的、基于svg的用户头像。 npm安装: $ npm install @dicebear/avatars --sav…
动态生成 Avatars 用户头像插件 PetitQ 其他代码 2019-6-29 1.69K 0 0 Avatars是一款可以动态生成用户头像js插件。Avatars可以在浏览器或node.js环境中,动态生成各种漂亮的、基于svg的用户头像。 npm安装: $ npm install @dicebear/avatars --sav…
Drop - 实用JavaScript下拉弹出层插件 PetitQ 对话框/Tips 2018-10-24 1.47K 0 0 Drop.js是一款JavaScript和CSS实用下拉弹出层插件。该插件基于Tether.js来定位弹出层,可以制作多种弹出层效果。该插件基于Tether.js来定位弹出层,可以制作多种弹出层效果。它的特点还有: 弹出层会在页面尺…
Drop - 实用JavaScript下拉弹出层插件 PetitQ 对话框/Tips 2018-10-24 1.47K 0 0 Drop.js是一款JavaScript和CSS实用下拉弹出层插件。该插件基于Tether.js来定位弹出层,可以制作多种弹出层效果。该插件基于Tether.js来定位弹出层,可以制作多种弹出层效果。它的特点还有: 弹出层会在页面尺…
经典的CSS鼠标经过图片模糊过滤效果 PetitQ 图片/图形 2021-12-13 727 0 0 这是一款css实现的图片模糊过滤效果,该特效只需将鼠标放在其中一个图片上,鼠标所在位置的图片是清淅的,其余图片即是模糊处理,能突出检索图片。
经典的CSS鼠标经过图片模糊过滤效果 PetitQ 图片/图形 2021-12-13 727 0 0 这是一款css实现的图片模糊过滤效果,该特效只需将鼠标放在其中一个图片上,鼠标所在位置的图片是清淅的,其余图片即是模糊处理,能突出检索图片。
精美炫酷的黑胶唱片音频播放器 PetitQ 音频/视频 2022-2-06 822 0 0 复古风的回潮,让我们又开始玩起怀旧黑胶唱片机,但小编今天为大家整理的是一款黑胶唱片设计的精美炫酷的网页音频播放器,点击播放键自动弹出黑胶唱片的特效,暂时即收,非常炫酷。
精美炫酷的黑胶唱片音频播放器 PetitQ 音频/视频 2022-2-06 822 0 0 复古风的回潮,让我们又开始玩起怀旧黑胶唱片机,但小编今天为大家整理的是一款黑胶唱片设计的精美炫酷的网页音频播放器,点击播放键自动弹出黑胶唱片的特效,暂时即收,非常炫酷。
badbrowser - 检测浏览器版本提示升级jQuery插件 PetitQ 其他代码 2018-11-09 1.76K 0 0 badbrowser.js是一款能够检测浏览器版本并提示升级浏览器的js插件。badbrowser.js可以根据配置信息,当用户的浏览器不满足配置需求时,提示用户升级他们的浏览器。 使用方法: 在页面中引入badbrowser.cs…
badbrowser - 检测浏览器版本提示升级jQuery插件 PetitQ 其他代码 2018-11-09 1.76K 0 0 badbrowser.js是一款能够检测浏览器版本并提示升级浏览器的js插件。badbrowser.js可以根据配置信息,当用户的浏览器不满足配置需求时,提示用户升级他们的浏览器。 使用方法: 在页面中引入badbrowser.cs…
基于bootstrap鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-3-11 3.28K 0 3 这是一款基于Bootstrap的鼠标滑过按钮动画特效。该特效中按钮在原生Bootstrap按钮的基础上进行修改,当鼠标滑过按钮时,按钮前端的遮罩部分有轻微移动动画效果。 HTML结构 该Bootstrap按钮使用超链接元素来制作。 …
基于bootstrap鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-3-11 3.28K 0 3 这是一款基于Bootstrap的鼠标滑过按钮动画特效。该特效中按钮在原生Bootstrap按钮的基础上进行修改,当鼠标滑过按钮时,按钮前端的遮罩部分有轻微移动动画效果。 HTML结构 该Bootstrap按钮使用超链接元素来制作。 …
jQuery+CSS3炫酷圆形图片切换特效 PetitQ 图片/图形 2018-11-15 1.44K 0 0 这是一款效果非常酷的jQuery和CSS3圆形图片切换特效。该圆形图片特效可以使用animate.css来制作图片的进入动画和离开动画。可以任意设置多张图片进行来回翻转、旋转切换,效果堪称一流。 使用方法 首先要引入jQuery和t…
jQuery+CSS3炫酷圆形图片切换特效 PetitQ 图片/图形 2018-11-15 1.44K 0 0 这是一款效果非常酷的jQuery和CSS3圆形图片切换特效。该圆形图片特效可以使用animate.css来制作图片的进入动画和离开动画。可以任意设置多张图片进行来回翻转、旋转切换,效果堪称一流。 使用方法 首先要引入jQuery和t…
纯css3可点击放大缩小的3D弹跳小球动画 PetitQ 图片/图形 2019-1-18 1.91K 0 1 这是一款很有意思的使用纯css3制作的3d弹跳小球动画。该css3小球动画效果非常逼真,可以用鼠标按住小球使其缩小,放开鼠标后小球又会慢慢放大。
纯css3可点击放大缩小的3D弹跳小球动画 PetitQ 图片/图形 2019-1-18 1.91K 0 1 这是一款很有意思的使用纯css3制作的3d弹跳小球动画。该css3小球动画效果非常逼真,可以用鼠标按住小球使其缩小,放开鼠标后小球又会慢慢放大。