CSS3超酷图片3D旋转显示图片信息特效 PetitQ 图片/图形 2019-1-19 1.92K 0 0 这是一款使用CSS3 3D Transform制作的超酷图片3D旋转显示图片信息特效。当用鼠标滑过图片时,图片会在垂直方向上做3D旋转,就像一个立方体向上旋转一样,底部的图片信息被显示出来。这个特效开始的时候只有图片是可见的,图片标…
CSS3超酷图片3D旋转显示图片信息特效 PetitQ 图片/图形 2019-1-19 1.92K 0 0 这是一款使用CSS3 3D Transform制作的超酷图片3D旋转显示图片信息特效。当用鼠标滑过图片时,图片会在垂直方向上做3D旋转,就像一个立方体向上旋转一样,底部的图片信息被显示出来。这个特效开始的时候只有图片是可见的,图片标…
个人信息介绍动画效果UI界面设计 PetitQ 图片/图形 2019-1-24 1.42K 0 0 这是一款小哥非常炫酷的CSS3个人信息介绍动画效果UI界面设计效果。该设计通过点击页面的“+”按钮可以打开用户的介绍信息和一些社会化网站图标,在打开过程中有十分酷的动画过渡效果。 HTML结构 该ui设计的HTML结构十分简单。 +…
个人信息介绍动画效果UI界面设计 PetitQ 图片/图形 2019-1-24 1.42K 0 0 这是一款小哥非常炫酷的CSS3个人信息介绍动画效果UI界面设计效果。该设计通过点击页面的“+”按钮可以打开用户的介绍信息和一些社会化网站图标,在打开过程中有十分酷的动画过渡效果。 HTML结构 该ui设计的HTML结构十分简单。 +…
Imagehover - 纯CSS3鼠标滑过图片效果动画库 PetitQ 图片/图形 2019-3-02 1.54K 0 0 imagehover.css是一款纯CSS3鼠标滑过图片效果动画库。它可以适应图片的缩放,提供44种不同的鼠标滑过图片效果,压缩后的版本只有19K大小,可以完成各种不同场景的需求。 使用方法 使用时要在页面中引入imagehover…
Imagehover - 纯CSS3鼠标滑过图片效果动画库 PetitQ 图片/图形 2019-3-02 1.54K 0 0 imagehover.css是一款纯CSS3鼠标滑过图片效果动画库。它可以适应图片的缩放,提供44种不同的鼠标滑过图片效果,压缩后的版本只有19K大小,可以完成各种不同场景的需求。 使用方法 使用时要在页面中引入imagehover…
纯javascript实现360度旋转预览图片特效 PetitQ 图片/图形 2019-6-17 2K 0 0 这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码,即可实现通过滑块、或鼠标手动360度旋转图片,以及自动360度旋转图片的效果。 HTML结构 Range Drag / Swipel Canvas Loadi…
纯javascript实现360度旋转预览图片特效 PetitQ 图片/图形 2019-6-17 2K 0 0 这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码,即可实现通过滑块、或鼠标手动360度旋转图片,以及自动360度旋转图片的效果。 HTML结构 Range Drag / Swipel Canvas Loadi…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 863 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 863 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
CSS3 鼠标悬停图片动画效果 PetitQ 图片/图形 2022-2-06 824 0 0 悬停特效在日常网页中非常常见,无论是文字还是图片都可以用这种方法展示,小编今日也为您推荐一款CSS3鼠标悬停图片效果,供您参考。
CSS3 鼠标悬停图片动画效果 PetitQ 图片/图形 2022-2-06 824 0 0 悬停特效在日常网页中非常常见,无论是文字还是图片都可以用这种方法展示,小编今日也为您推荐一款CSS3鼠标悬停图片效果,供您参考。
jQuery+CSS3图片展示动画特效 PetitQ 图片/图形 2018-11-04 1.72K 0 0 这是一款jQuery和CSS3图片展示动画特效。该特效使用GSAP和ScrollMagic来制作页面向下或向上滚动时的动画效果。 使用方法: 在页面中引入base.css、demo.css和jquery、TweenMax.min.j…
jQuery+CSS3图片展示动画特效 PetitQ 图片/图形 2018-11-04 1.72K 0 0 这是一款jQuery和CSS3图片展示动画特效。该特效使用GSAP和ScrollMagic来制作页面向下或向上滚动时的动画效果。 使用方法: 在页面中引入base.css、demo.css和jquery、TweenMax.min.j…
jQuery+css3鼠标滑过网格相邻图片浮动效果 PetitQ 图片/图形 2018-11-14 1.31K 0 1 这是一款效果十分炫酷的jQuery和css3鼠标滑过网格相邻图片浮动效果。插件中使用了 jQuery Proximity plugin。有很多种方法使用纯css来制作手风琴效果,其中使用最多的是使用:target伪类来实现。使用:t…
jQuery+css3鼠标滑过网格相邻图片浮动效果 PetitQ 图片/图形 2018-11-14 1.31K 0 1 这是一款效果十分炫酷的jQuery和css3鼠标滑过网格相邻图片浮动效果。插件中使用了 jQuery Proximity plugin。有很多种方法使用纯css来制作手风琴效果,其中使用最多的是使用:target伪类来实现。使用:t…
bzoom 实用产品图片放大镜jQuery插件 PetitQ 图片/图形 2018-11-15 1.56K 0 1 bzoom是一款非常实用的jQuery产品图片放大镜插件。该放大镜插件类似于淘宝等商城网站的产品页图片放大镜。可以实现淡入淡出显示图片及图片自动轮播等功能。该放大镜插件主要实现的功能有: 使用淡入淡出的效果进行图片放大和缩小 自动轮…
bzoom 实用产品图片放大镜jQuery插件 PetitQ 图片/图形 2018-11-15 1.56K 0 1 bzoom是一款非常实用的jQuery产品图片放大镜插件。该放大镜插件类似于淘宝等商城网站的产品页图片放大镜。可以实现淡入淡出显示图片及图片自动轮播等功能。该放大镜插件主要实现的功能有: 使用淡入淡出的效果进行图片放大和缩小 自动轮…
纯JavaScript炫酷鼠标滑过图片放大镜特效插件 PetitQ 图片/图形 2018-11-16 1.28K 0 0 这是一款轻量级的纯JavaScript炫酷鼠标滑过图片放大特效插件。该插件有两种显示形式:鼠标点击和鼠标滑过。两种方式都可以制作出图片放大镜效果,并且还可以将这两种放大镜效果结合在一起使用。 使用方法 Luminous鼠标点击放大镜…
纯JavaScript炫酷鼠标滑过图片放大镜特效插件 PetitQ 图片/图形 2018-11-16 1.28K 0 0 这是一款轻量级的纯JavaScript炫酷鼠标滑过图片放大特效插件。该插件有两种显示形式:鼠标点击和鼠标滑过。两种方式都可以制作出图片放大镜效果,并且还可以将这两种放大镜效果结合在一起使用。 使用方法 Luminous鼠标点击放大镜…
纯js和CSS3炫酷3D信用卡特效 PetitQ 图片/图形 2018-11-17 1.55K 0 0 这是一款使用纯Js和css3制作的炫酷3D信用卡特效。该3D信用卡特效中,信用卡会根据鼠标的位置进行相应的3D旋转,并带有光影特效,效果非常的酷。 使用方法 在页面中引入样式文件style.css和js文件main.js HTML结…
纯js和CSS3炫酷3D信用卡特效 PetitQ 图片/图形 2018-11-17 1.55K 0 0 这是一款使用纯Js和css3制作的炫酷3D信用卡特效。该3D信用卡特效中,信用卡会根据鼠标的位置进行相应的3D旋转,并带有光影特效,效果非常的酷。 使用方法 在页面中引入样式文件style.css和js文件main.js HTML结…
基于canvas的jQuery图片剪裁插件 PetitQ 图片/图形 2018-11-18 1.44K 0 0 imageResizer是一款基于canvas的jQuery图片剪裁插件。它使用简单,可以基于HTML5 canvas实现图片的平移和剪裁。 使用方法 在页面中引入jquery和jquery.resizeImage.js,以及样式文…
基于canvas的jQuery图片剪裁插件 PetitQ 图片/图形 2018-11-18 1.44K 0 0 imageResizer是一款基于canvas的jQuery图片剪裁插件。它使用简单,可以基于HTML5 canvas实现图片的平移和剪裁。 使用方法 在页面中引入jquery和jquery.resizeImage.js,以及样式文…