炫酷iPhone手机3D旋转互动jQuery特效 PetitQ 图片/图形 2018-11-14 2.08K 0 0 这是一款效果超酷的jQuery iPhone手机3D旋转互动特效插件。自从flash动画衰落之后,网页上交互动画就变得十分乏味了,我们一直在期待HTML5 CANVAS能得到更为广泛的支持,从而让交互动画再发生机。在这个插件中,使用…
炫酷iPhone手机3D旋转互动jQuery特效 PetitQ 图片/图形 2018-11-14 2.08K 0 0 这是一款效果超酷的jQuery iPhone手机3D旋转互动特效插件。自从flash动画衰落之后,网页上交互动画就变得十分乏味了,我们一直在期待HTML5 CANVAS能得到更为广泛的支持,从而让交互动画再发生机。在这个插件中,使用…
CSS3+JS炫酷3D拖拽卡片动画特效 PetitQ 图片/图形 2019-3-05 1.95K 0 0 这是一款使用CSS3和纯JavaScript制作的炫酷3D卡片拖拽特效。用户可以通过鼠标拖拽卡片,卡片在拖拽的过程中会发生3D变形,并且带有音效,效果非常炫酷。由于IE浏览器不支持transform-style: preserve-…
CSS3+JS炫酷3D拖拽卡片动画特效 PetitQ 图片/图形 2019-3-05 1.95K 0 0 这是一款使用CSS3和纯JavaScript制作的炫酷3D卡片拖拽特效。用户可以通过鼠标拖拽卡片,卡片在拖拽的过程中会发生3D变形,并且带有音效,效果非常炫酷。由于IE浏览器不支持transform-style: preserve-…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 860 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 860 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
科幻风格的纯CSS3用户登录界面设计 PetitQ 图片/图形 2019-1-22 2.22K 0 2 这是一款带有科幻风格的纯CSS3用户登录界面设计效果。它模拟科幻电影《钢铁侠》中斯塔克工业超级电脑的登录界面。该登录界面略带金属质感,通过一条无限运动的弧线绕圆动画来制作一些神秘科技色彩。 HTML结构 该登录界面的HTML结构分为…
科幻风格的纯CSS3用户登录界面设计 PetitQ 图片/图形 2019-1-22 2.22K 0 2 这是一款带有科幻风格的纯CSS3用户登录界面设计效果。它模拟科幻电影《钢铁侠》中斯塔克工业超级电脑的登录界面。该登录界面略带金属质感,通过一条无限运动的弧线绕圆动画来制作一些神秘科技色彩。 HTML结构 该登录界面的HTML结构分为…
轻量级拖动剪裁图片头像jQuery插件 PetitQ 图片/图形 2018-11-17 1.58K 0 0 cropbox.js是一款简单轻量级的头像图片剪裁插件。用户可以上传自己的图片,还可以将图片进行放大和缩小,以及对图片进行拖动,最后可以将图片剪裁生成新的头像图片。 使用方法 使用纯js调用插件 window.onload = fu…
轻量级拖动剪裁图片头像jQuery插件 PetitQ 图片/图形 2018-11-17 1.58K 0 0 cropbox.js是一款简单轻量级的头像图片剪裁插件。用户可以上传自己的图片,还可以将图片进行放大和缩小,以及对图片进行拖动,最后可以将图片剪裁生成新的头像图片。 使用方法 使用纯js调用插件 window.onload = fu…
Material Design 风格扩展遮罩面板界面设计 PetitQ 图片/图形 2019-1-24 1.39K 0 0 这是一款效果非常漂亮的Material Design风格扩展遮罩面板界面设计。在页面的下方有多个菜单选项,当用户点击其中某个选项时,它会变形扩展为全屏遮罩层,动画过渡非常平滑自然,效果很酷。 HTML结构 所有的方形选项卡都是由无序…
Material Design 风格扩展遮罩面板界面设计 PetitQ 图片/图形 2019-1-24 1.39K 0 0 这是一款效果非常漂亮的Material Design风格扩展遮罩面板界面设计。在页面的下方有多个菜单选项,当用户点击其中某个选项时,它会变形扩展为全屏遮罩层,动画过渡非常平滑自然,效果很酷。 HTML结构 所有的方形选项卡都是由无序…
小巧的js图片模糊效果插件 PetitQ 图片/图形 2018-11-17 1.57K 0 0 blurify.js是一款小巧的js图片模糊效果插件。使用该js插件可以将任意图片进行模糊处理,它能够智能的在浏览器不支持CSS模糊滤镜的情况下,改用canvas来对图片进行模糊处理。 使用方法 在页面中引入blurify.js文件…
小巧的js图片模糊效果插件 PetitQ 图片/图形 2018-11-17 1.57K 0 0 blurify.js是一款小巧的js图片模糊效果插件。使用该js插件可以将任意图片进行模糊处理,它能够智能的在浏览器不支持CSS模糊滤镜的情况下,改用canvas来对图片进行模糊处理。 使用方法 在页面中引入blurify.js文件…
CSS3 背景图片放大动画效果 PetitQ 图片/图形 2019-1-14 2.80K 0 1 这个效果使用css3 clip属性、CSS transitions和jQuery完成。当点击一张图片后,图片放大到全屏的动画效果,共有两种效果。
CSS3 背景图片放大动画效果 PetitQ 图片/图形 2019-1-14 2.80K 0 1 这个效果使用css3 clip属性、CSS transitions和jQuery完成。当点击一张图片后,图片放大到全屏的动画效果,共有两种效果。
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.67K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.67K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
多层图片背景视觉差特效jQuery插件 PetitQ 图片/图形 2019-1-09 1.79K 0 0 这是一款jQuery多层图片背景视觉差特效插件。该视觉差插件可以创建多个透明图层,然后在鼠标移动时,使各个图层生成炫酷的背景视觉差效果。 使用方法 在页面中引入jquery.min.js、CZ-Parallax_jQuery-min…
多层图片背景视觉差特效jQuery插件 PetitQ 图片/图形 2019-1-09 1.79K 0 0 这是一款jQuery多层图片背景视觉差特效插件。该视觉差插件可以创建多个透明图层,然后在鼠标移动时,使各个图层生成炫酷的背景视觉差效果。 使用方法 在页面中引入jquery.min.js、CZ-Parallax_jQuery-min…
swing 弹性摇摆效果的卡片js拖拽插件 PetitQ 图片/图形 2018-11-14 1.81K 0 0 swing是一款可以容器中的卡片元素拖拽到容器外的js拖拽插件。该拖拽插件在拖动卡片元素到容器外后,放下卡片时有很酷的卡片弹性左右摇摆效果。如果拖动距离不够,卡片将被拉回容器中。 HTML结构 html结构使用一个无序列表来作为图片…
swing 弹性摇摆效果的卡片js拖拽插件 PetitQ 图片/图形 2018-11-14 1.81K 0 0 swing是一款可以容器中的卡片元素拖拽到容器外的js拖拽插件。该拖拽插件在拖动卡片元素到容器外后,放下卡片时有很酷的卡片弹性左右摇摆效果。如果拖动距离不够,卡片将被拉回容器中。 HTML结构 html结构使用一个无序列表来作为图片…
鼠标互动多背景层视觉差jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.80K 0 0 nGyroParallax是一款可以和鼠标互动的多背景层jQuery视觉差插件。该视觉差插件在页面中设置多个背景图层,然后通过检测鼠标位置来不同图层的位置和移动速度,形成视觉差效果。 使用方法 使用该视觉差特效插件需要在页面中引入j…
鼠标互动多背景层视觉差jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.80K 0 0 nGyroParallax是一款可以和鼠标互动的多背景层jQuery视觉差插件。该视觉差插件在页面中设置多个背景图层,然后通过检测鼠标位置来不同图层的位置和移动速度,形成视觉差效果。 使用方法 使用该视觉差特效插件需要在页面中引入j…