图片马赛克过渡动画jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.48K 0 0 jquery-pixelbrush是一款图片马赛克过渡动画特效jquery插件。jquery-pixelbrush插件能够通过js和html5 canvas,将图片以马赛克过渡动画的方式显示出来。 使用方法 jquery-pixel…
图片马赛克过渡动画jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.48K 0 0 jquery-pixelbrush是一款图片马赛克过渡动画特效jquery插件。jquery-pixelbrush插件能够通过js和html5 canvas,将图片以马赛克过渡动画的方式显示出来。 使用方法 jquery-pixel…
鼠标滑过图片遮罩层动画jQuery插件 PetitQ 图片/图形 2018-11-15 1.61K 0 0 nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。 使用方法 使用该鼠标滑过插件需要引入…
鼠标滑过图片遮罩层动画jQuery插件 PetitQ 图片/图形 2018-11-15 1.61K 0 0 nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果,它可以设置遮罩层的前景色和背景色,可以制作圆形图片等,非常实用。 使用方法 使用该鼠标滑过插件需要引入…
纯CSS3圆形鼠标滑过旋转翻盖动画特效 PetitQ 图片/图形 2019-3-09 1.30K 0 0 这是一款效果非常炫酷的纯CSS3圆形图片鼠标滑过旋转翻盖特效。该CSS3特效中,当鼠标滑过圆形图片时,图片以顶边的一个定位点为中心向下旋转,显示出下面的圆形说明文本。 HTML结构 该特效使用bootstrap网格系统来布局,基本的…
纯CSS3圆形鼠标滑过旋转翻盖动画特效 PetitQ 图片/图形 2019-3-09 1.30K 0 0 这是一款效果非常炫酷的纯CSS3圆形图片鼠标滑过旋转翻盖特效。该CSS3特效中,当鼠标滑过圆形图片时,图片以顶边的一个定位点为中心向下旋转,显示出下面的圆形说明文本。 HTML结构 该特效使用bootstrap网格系统来布局,基本的…
纯CSS3超酷文章卡片UI设计效果 PetitQ 图片/图形 2019-3-15 1.91K 0 0 这是一款使用纯CSS3制作的超酷文章卡片UI设计效果。该文章卡片带有阴影效果,当鼠标滑过卡片时,文章的描述信息会以滑动动画的方式显示在卡片中。 HTML结构 一张卡片的HTML结构如下: 文章标题 文章子标题 文章的描述信息 CSS…
纯CSS3超酷文章卡片UI设计效果 PetitQ 图片/图形 2019-3-15 1.91K 0 0 这是一款使用纯CSS3制作的超酷文章卡片UI设计效果。该文章卡片带有阴影效果,当鼠标滑过卡片时,文章的描述信息会以滑动动画的方式显示在卡片中。 HTML结构 一张卡片的HTML结构如下: 文章标题 文章子标题 文章的描述信息 CSS…
多层图片视觉差互动jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.29K 0 0 jquery.parallaxmouse是一款非常实用的jQuery多层图片视觉差互动特效插件。该视觉差插件文件体积小,可以通过鼠标的上下左右移动来进行互动,非常适合用于制作网站的Banner。 使用方法 使用该视觉差特效插件需要引…
多层图片视觉差互动jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.29K 0 0 jquery.parallaxmouse是一款非常实用的jQuery多层图片视觉差互动特效插件。该视觉差插件文件体积小,可以通过鼠标的上下左右移动来进行互动,非常适合用于制作网站的Banner。 使用方法 使用该视觉差特效插件需要引…
古卷轴平滑打开动画jQuery特效 PetitQ 图片/图形 2018-11-17 1.60K 0 0 这是一款使用jquery animate动画制作的古卷轴平滑打开动画特效。该特效通过将一张完整的卷轴拆分到多个div中,然后通过jquery animate事件,配合不同的时间延迟,形成完整的卷轴打开动画。 使用方法 在页面中引入j…
古卷轴平滑打开动画jQuery特效 PetitQ 图片/图形 2018-11-17 1.60K 0 0 这是一款使用jquery animate动画制作的古卷轴平滑打开动画特效。该特效通过将一张完整的卷轴拆分到多个div中,然后通过jquery animate事件,配合不同的时间延迟,形成完整的卷轴打开动画。 使用方法 在页面中引入j…
EasyZoom实用图片放大jQuery插件 PetitQ 图片/图形 2018-11-14 2.14K 0 0 EasyZoom使用看很实用的jquery图片放大插件。这款jquery图片放大插件可以在单幅图片内局部放大图片,也可以生成另一张放大的预览图。EasyZoom十分小巧实用。 HTML结构 EasyZoom不需要特别的html结构,…
EasyZoom实用图片放大jQuery插件 PetitQ 图片/图形 2018-11-14 2.14K 0 0 EasyZoom使用看很实用的jquery图片放大插件。这款jquery图片放大插件可以在单幅图片内局部放大图片,也可以生成另一张放大的预览图。EasyZoom十分小巧实用。 HTML结构 EasyZoom不需要特别的html结构,…
Gif图片预览和播放jQuery插件 PetitQ 图片/图形 2018-11-17 1.95K 0 0 jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。该插件使用一张静态的图片作为GIF图片的预览图,然后在用户点击播放按钮时才开始GIF动画序列的播放。 使用方法 在页面中引入jquery.gif.mi…
Gif图片预览和播放jQuery插件 PetitQ 图片/图形 2018-11-17 1.95K 0 0 jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。该插件使用一张静态的图片作为GIF图片的预览图,然后在用户点击播放按钮时才开始GIF动画序列的播放。 使用方法 在页面中引入jquery.gif.mi…
超酷3D包装盒封面旋转jQuery特效 PetitQ 图片/图形 2018-11-15 1.33K 0 0 3DCoverjQuery是一款效果非常炫酷的3D包装盒封面旋转jQuery特效插件。通过这个插件,你可以很轻易的将图片制作为DVD,XBOX,游戏和书本的封面,并且可以旋转封面来查看它的正面和反面。 使用方法 在页面中引入jQue…
超酷3D包装盒封面旋转jQuery特效 PetitQ 图片/图形 2018-11-15 1.33K 0 0 3DCoverjQuery是一款效果非常炫酷的3D包装盒封面旋转jQuery特效插件。通过这个插件,你可以很轻易的将图片制作为DVD,XBOX,游戏和书本的封面,并且可以旋转封面来查看它的正面和反面。 使用方法 在页面中引入jQue…
ZoomIt 图片放大jQuery插件 PetitQ 图片/图形 2018-11-18 1.66K 0 0 ZoomIt.js是一款jquery图片放大插件。该 jquery图片放大插件在鼠标经过或悬停在图片上时,使用高清大图来代替缩略图。移动鼠标可以查看高清大图的各个部分内容。 使用方法 在页面中引入zoomit.css,jquery和…
ZoomIt 图片放大jQuery插件 PetitQ 图片/图形 2018-11-18 1.66K 0 0 ZoomIt.js是一款jquery图片放大插件。该 jquery图片放大插件在鼠标经过或悬停在图片上时,使用高清大图来代替缩略图。移动鼠标可以查看高清大图的各个部分内容。 使用方法 在页面中引入zoomit.css,jquery和…
CSS3 带阴影效果3D旋转电影海报代码 PetitQ 图片/图形 2019-1-14 1.42K 0 0 这是一款使用css3 transform属性制作的3d电影海报效果。这段3d旋转电影海报代码的阴影效果十分完美,当鼠标移到海报上时,海报旋转到侧面的电影介绍,效果十分震撼。当我们在使用css3的3d变换效果(3d transform…
CSS3 带阴影效果3D旋转电影海报代码 PetitQ 图片/图形 2019-1-14 1.42K 0 0 这是一款使用css3 transform属性制作的3d电影海报效果。这段3d旋转电影海报代码的阴影效果十分完美,当鼠标移到海报上时,海报旋转到侧面的电影介绍,效果十分震撼。当我们在使用css3的3d变换效果(3d transform…
响应式图片展示画廊jQuery特效 PetitQ 图片/图形 2018-11-14 1.61K 0 0 jquery.gridrotator是一款非常实用的响应式图片展示画廊插件。这款图片展示画廊插件将图片像网格一样排列,然后随机将某个格子中的图片翻转显示另一张图片。共有6种效果。 HTML结构: HTML结构非常简单。 调用插件 $…
响应式图片展示画廊jQuery特效 PetitQ 图片/图形 2018-11-14 1.61K 0 0 jquery.gridrotator是一款非常实用的响应式图片展示画廊插件。这款图片展示画廊插件将图片像网格一样排列,然后随机将某个格子中的图片翻转显示另一张图片。共有6种效果。 HTML结构: HTML结构非常简单。 调用插件 $…