360度产品图片3D旋转展示特效 PetitQ 图片/图形 2018-11-15 4.77K 0 2 3dEye是一款非常实用的360度产品3D旋转展示特效jQuery插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片,从不同的角度观察商品,对于用户来说是非常好的体验。3dEye插件支持所有的现代浏…
360度产品图片3D旋转展示特效 PetitQ 图片/图形 2018-11-15 4.77K 0 2 3dEye是一款非常实用的360度产品3D旋转展示特效jQuery插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片,从不同的角度观察商品,对于用户来说是非常好的体验。3dEye插件支持所有的现代浏…
CSS3炫酷元素边框线条动画特效 PetitQ 图片/图形 2019-1-28 4.20K 0 2 这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果。 HTML结构 该边框线条动画特效的HTML结构使用的是一个空的<div>来作为容器。…
CSS3炫酷元素边框线条动画特效 PetitQ 图片/图形 2019-1-28 4.20K 0 2 这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果。 HTML结构 该边框线条动画特效的HTML结构使用的是一个空的<div>来作为容器。…
纯js超炫酷3D照片墙展示特效 PetitQ 图片/图形 2019-2-13 3.81K 0 3 这是一款使用纯javaScript制作的超炫酷3D照片墙展示特效。该3D照片墙展示特效支持ie8浏览器,具有响应式效果,点击照片墙缩略图可以将该图片放大居中显示,效果非常酷。 使用方法 该3D照片墙展示特效的核心js文件为3d-tv…
纯js超炫酷3D照片墙展示特效 PetitQ 图片/图形 2019-2-13 3.81K 0 3 这是一款使用纯javaScript制作的超炫酷3D照片墙展示特效。该3D照片墙展示特效支持ie8浏览器,具有响应式效果,点击照片墙缩略图可以将该图片放大居中显示,效果非常酷。 使用方法 该3D照片墙展示特效的核心js文件为3d-tv…
基于threejs的交互例子动画特效 PetitQ 图片/图形 2019-1-22 3.79K 0 2 这是基于threejs的交互例子动画特效。该特效通过three.js制作粒子合成图像效果,点击图像时可以切换到下一幅图像,效果非常炫酷。 使用方法 项目基于npm来构建,要运行查看效果,执行下面的命名: npm install np…
基于threejs的交互例子动画特效 PetitQ 图片/图形 2019-1-22 3.79K 0 2 这是基于threejs的交互例子动画特效。该特效通过three.js制作粒子合成图像效果,点击图像时可以切换到下一幅图像,效果非常炫酷。 使用方法 项目基于npm来构建,要运行查看效果,执行下面的命名: npm install np…
纯CSS3用户卡片设计效果 PetitQ 图片/图形 2019-1-18 3.69K 0 0 这是一款纯CSS3用户卡片设计效果。该卡片设计效果结合SVG来制作,在鼠标hover卡片时,产生炫酷的动画效果。 使用方法 在页面中引入font-awesome文件。 HTML结构 基本HTML DOM 结构如下: Level 13…
纯CSS3用户卡片设计效果 PetitQ 图片/图形 2019-1-18 3.69K 0 0 这是一款纯CSS3用户卡片设计效果。该卡片设计效果结合SVG来制作,在鼠标hover卡片时,产生炫酷的动画效果。 使用方法 在页面中引入font-awesome文件。 HTML结构 基本HTML DOM 结构如下: Level 13…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.66K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.66K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
HTML5 + CSS3 + JS超逼真翻书效果 PetitQ 图片/图形 2019-1-14 3.29K 0 2 这是一款大师级的html5翻书效果(翻页效果),这种翻书效果使用了css3 3d transform属性和少量的js来实现鼠标hover书本时,书本打开动画。注意:必须是支持css3 3d transform属性的浏览器才有效果。I…
HTML5 + CSS3 + JS超逼真翻书效果 PetitQ 图片/图形 2019-1-14 3.29K 0 2 这是一款大师级的html5翻书效果(翻页效果),这种翻书效果使用了css3 3d transform属性和少量的js来实现鼠标hover书本时,书本打开动画。注意:必须是支持css3 3d transform属性的浏览器才有效果。I…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.10K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.10K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.08K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.08K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
超酷卡片动态3D翻转特效jQuery插件 PetitQ 图片/图形 2018-11-14 3.02K 0 0 这是一款效果很酷jQuery超酷卡片动态3d翻转特效插件。这个卡片3d翻转插件通过卡片3d翻转来显示更多的信息。这个插件已经在Chrome, Firefox, Safari的桌面和移动浏览器上测试通过,但还没有在IE上做过测试。这个…
超酷卡片动态3D翻转特效jQuery插件 PetitQ 图片/图形 2018-11-14 3.02K 0 0 这是一款效果很酷jQuery超酷卡片动态3d翻转特效插件。这个卡片3d翻转插件通过卡片3d翻转来显示更多的信息。这个插件已经在Chrome, Firefox, Safari的桌面和移动浏览器上测试通过,但还没有在IE上做过测试。这个…
简单实用图片放大镜jQuery特效 PetitQ 图片/图形 2018-11-16 3.02K 0 0 ClassyLoupe是一款简单实用的jQuery图片放大镜插件。该放大镜插件只需一行HTML代码。它可以控制图片的放大倍数,可以制作圆形,方形和圆角矩形的放大镜,并带有非常好看的遮罩层效果。 使用方法 使用该放大镜插件需要引入jQ…
简单实用图片放大镜jQuery特效 PetitQ 图片/图形 2018-11-16 3.02K 0 0 ClassyLoupe是一款简单实用的jQuery图片放大镜插件。该放大镜插件只需一行HTML代码。它可以控制图片的放大倍数,可以制作圆形,方形和圆角矩形的放大镜,并带有非常好看的遮罩层效果。 使用方法 使用该放大镜插件需要引入jQ…
AnimateSprite 可控制雪碧图(sprites)动画jQuery插件 PetitQ 图片/图形 2018-11-16 2.99K 0 3 jquery.animateSprite是一款可控制雪碧图(sprites)制作动画效果的jQuery插件。通过该插件可以控制雪碧图播放、暂停、反向播放和更改播放动画速度等。 使用方法 使用该插件需要引入jQuery和jquery.…
AnimateSprite 可控制雪碧图(sprites)动画jQuery插件 PetitQ 图片/图形 2018-11-16 2.99K 0 3 jquery.animateSprite是一款可控制雪碧图(sprites)制作动画效果的jQuery插件。通过该插件可以控制雪碧图播放、暂停、反向播放和更改播放动画速度等。 使用方法 使用该插件需要引入jQuery和jquery.…