基于滚动的超酷js图片动画特效 PetitQ 图片/图形 2019-7-10 1.51K 0 1 这是一款基于滚动的超酷js图片动画特效。该特效在使用鼠标滚动屏幕时,根据屏幕的当前位置,屏幕上的图片做出相应的动画效果,非常炫酷。 HTML结构 CSS样式 // The container for all images .cont…
基于滚动的超酷js图片动画特效 PetitQ 图片/图形 2019-7-10 1.51K 0 1 这是一款基于滚动的超酷js图片动画特效。该特效在使用鼠标滚动屏幕时,根据屏幕的当前位置,屏幕上的图片做出相应的动画效果,非常炫酷。 HTML结构 CSS样式 // The container for all images .cont…
ekko-lightbox - lightBox相册画廊插件 PetitQ Lightbox/弹窗 2018-10-25 1.78K 0 0 ekko-lightbox.js是一款基于Bootstrap3的jQuery lightBox图片画廊插件。该lightBox插件基于Bootstrap的模态窗口插件来制作,可以显示图片,HTML内容,视频等,也可以远程加载内容。 …
ekko-lightbox - lightBox相册画廊插件 PetitQ Lightbox/弹窗 2018-10-25 1.78K 0 0 ekko-lightbox.js是一款基于Bootstrap3的jQuery lightBox图片画廊插件。该lightBox插件基于Bootstrap的模态窗口插件来制作,可以显示图片,HTML内容,视频等,也可以远程加载内容。 …
时尚垂直手风琴内容列表UI设计 PetitQ 导航菜单 2019-1-24 1.28K 0 0 这是一款使用CSS3和jQuery制作的时尚垂直手风琴内容列表UI设计效果。该垂直手风琴列表整体设计非常简洁,内容排版合理,给用户的体验效果非常的好。 HTML结构 该手风琴UI的HTML结构如下: Profile + ......…
时尚垂直手风琴内容列表UI设计 PetitQ 导航菜单 2019-1-24 1.28K 0 0 这是一款使用CSS3和jQuery制作的时尚垂直手风琴内容列表UI设计效果。该垂直手风琴列表整体设计非常简洁,内容排版合理,给用户的体验效果非常的好。 HTML结构 该手风琴UI的HTML结构如下: Profile + ......…
jQuery+CSS3鼠标悬停超链接文字动画特效 PetitQ 文本/链接 2018-11-04 1.29K 0 0 这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。 使用方法: 在页面中引入base.css、demo.css和jquery、anim…
jQuery+CSS3鼠标悬停超链接文字动画特效 PetitQ 文本/链接 2018-11-04 1.29K 0 0 这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。 使用方法: 在页面中引入base.css、demo.css和jquery、anim…
堆叠图片展开折叠jquery动画特效 PetitQ 图片/图形 2018-11-17 1.73K 0 0 这是一款效果非常炫酷的堆叠图片展开和折叠jquery动画特效。该特效中,所有图片可以像扑克牌一样进行堆叠,在触发相应的事件之后,堆叠的图片会议动画的方式全屏展开,效果非常炫酷。 使用方法 在页面底部,标签结束之前,引入jquery和…
堆叠图片展开折叠jquery动画特效 PetitQ 图片/图形 2018-11-17 1.73K 0 0 这是一款效果非常炫酷的堆叠图片展开和折叠jquery动画特效。该特效中,所有图片可以像扑克牌一样进行堆叠,在触发相应的事件之后,堆叠的图片会议动画的方式全屏展开,效果非常炫酷。 使用方法 在页面底部,标签结束之前,引入jquery和…
可视化CSS3渐变背景颜色代码生成 PetitQ 其他代码 2019-1-20 3.11K 0 1 这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。 设置选项 该渐变背景颜色插件可以设置的选…
可视化CSS3渐变背景颜色代码生成 PetitQ 其他代码 2019-1-20 3.11K 0 1 这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。 设置选项 该渐变背景颜色插件可以设置的选…
HTML5 Canvas粒子效果文字动画特效 PetitQ 文本/链接 2022-1-05 1K 0 0 之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。
HTML5 Canvas粒子效果文字动画特效 PetitQ 文本/链接 2022-1-05 1K 0 0 之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。
六边形图像排版网格布局效果 PetitQ 布局框架 2021-12-07 723 0 0 以CSS3特性将图片绘制成六边形,然后图片之间互相拼接起来,当鼠标滑过图片时,会自动出现说明性的文字,该特效适合需要多图片展示的网页制作,效果非常好。
六边形图像排版网格布局效果 PetitQ 布局框架 2021-12-07 723 0 0 以CSS3特性将图片绘制成六边形,然后图片之间互相拼接起来,当鼠标滑过图片时,会自动出现说明性的文字,该特效适合需要多图片展示的网页制作,效果非常好。
可自由拖动分割Div容器jQuery插件 PetitQ 布局框架 2019-3-27 1.89K 0 0 split.js是一款可上下左右拖动的jQuery分割div容器插件。该插件可以实现父容器div的上下左右动态分割,并可以上下改变父div的高度,而且宽和高都是按百分比计算。 使用方法 在页面中引入jquery和split.js文件…
可自由拖动分割Div容器jQuery插件 PetitQ 布局框架 2019-3-27 1.89K 0 0 split.js是一款可上下左右拖动的jQuery分割div容器插件。该插件可以实现父容器div的上下左右动态分割,并可以上下改变父div的高度,而且宽和高都是按百分比计算。 使用方法 在页面中引入jquery和split.js文件…
jQuery+CSS3带倒影3D万花筒旋转动画 PetitQ 幻灯片/轮播 2018-11-07 1.57K 0 0 这是一款使用jQuery和CSS3来制作的炫酷的带倒影的3D万花筒旋转动画特效。该3D万花筒特效通过简单的CSS transform和jquery代码来实现在用户鼠标按下时,万花筒图片可以跟随鼠标进行3D旋转动画。 使用方法: 在页…
jQuery+CSS3带倒影3D万花筒旋转动画 PetitQ 幻灯片/轮播 2018-11-07 1.57K 0 0 这是一款使用jQuery和CSS3来制作的炫酷的带倒影的3D万花筒旋转动画特效。该3D万花筒特效通过简单的CSS transform和jquery代码来实现在用户鼠标按下时,万花筒图片可以跟随鼠标进行3D旋转动画。 使用方法: 在页…
R-slider 多功能滑块jQuery插件 PetitQ 表单/表格 2018-11-13 2.03K 0 0 r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。 使用方法 在页面中引入jquery和r-slider.js文件。 HTML部分 使用一个div作为滑块的容器…
R-slider 多功能滑块jQuery插件 PetitQ 表单/表格 2018-11-13 2.03K 0 0 r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。 使用方法 在页面中引入jquery和r-slider.js文件。 HTML部分 使用一个div作为滑块的容器…