HTML5+CSS3图片手风琴动画效果 PetitQ 图片/图形 2019-1-18 1.93K 0 0 这是一款使用html5和纯css3制作的图片手风琴动画效果。该手风琴效果的所有动画都使用css3完成。动画过渡平滑,手风琴切换时带有弹性,效果相当不错。该手风琴效果使用radio按钮和兄弟选择器来控制手风琴的动画。 html结构 h…
HTML5+CSS3图片手风琴动画效果 PetitQ 图片/图形 2019-1-18 1.93K 0 0 这是一款使用html5和纯css3制作的图片手风琴动画效果。该手风琴效果的所有动画都使用css3完成。动画过渡平滑,手风琴切换时带有弹性,效果相当不错。该手风琴效果使用radio按钮和兄弟选择器来控制手风琴的动画。 html结构 h…
BookBlock可预览CSS3翻书效果 PetitQ 图片/图形 2019-1-14 1.67K 0 0 这是一款使用bookblock.js和css3制作的预览书籍翻书翻页效果。这个翻书效果可以查看书的简介,也可以进入书本预览书籍的内容,预览时有很酷的翻页效果。
BookBlock可预览CSS3翻书效果 PetitQ 图片/图形 2019-1-14 1.67K 0 0 这是一款使用bookblock.js和css3制作的预览书籍翻书翻页效果。这个翻书效果可以查看书的简介,也可以进入书本预览书籍的内容,预览时有很酷的翻页效果。
炫酷手机APP解锁动画和界面UI设计 PetitQ 图片/图形 2019-1-25 2.11K 0 0 这是一效果非常炫酷的手机APP解锁动画和界面UI设计。这个app界面设计分为解锁界面,操作列表页面和一些子页面。用户只有在输入正确的手势之后才能从解锁界面进入到操作列表界面。它还附带了一个列表过滤功能。 制作方法 该app的解锁功能…
炫酷手机APP解锁动画和界面UI设计 PetitQ 图片/图形 2019-1-25 2.11K 0 0 这是一效果非常炫酷的手机APP解锁动画和界面UI设计。这个app界面设计分为解锁界面,操作列表页面和一些子页面。用户只有在输入正确的手势之后才能从解锁界面进入到操作列表界面。它还附带了一个列表过滤功能。 制作方法 该app的解锁功能…
CSS3 鼠标滑过图片放大特效 PetitQ 图片/图形 2022-1-05 959 0 0 今天我们要来分享一款简单实用的CSS3鼠标滑过图片放大特效,我们可以将它应用在相册中,我们可以将鼠标移到图片上进行快速预览相片,你也可以扩展它,比如给图片加投影和边框等。整一个图片放大特效还是比较酷的。
CSS3 鼠标滑过图片放大特效 PetitQ 图片/图形 2022-1-05 959 0 0 今天我们要来分享一款简单实用的CSS3鼠标滑过图片放大特效,我们可以将它应用在相册中,我们可以将鼠标移到图片上进行快速预览相片,你也可以扩展它,比如给图片加投影和边框等。整一个图片放大特效还是比较酷的。
jQuery和CSS3 3D旋转项目展示模板 PetitQ 图片/图形, 布局框架 2019-3-21 1.90K 0 0 这是一款效果非常炫酷的jQuery和CSS3 3D旋转项目展示模板。该模板通过CSS3 3D transform来制作3D立方体的旋转效果,使各个项目在切换时呈现立方体旋转效果。 HTML结构 HTML结构包括2个部分:nav.cd…
jQuery和CSS3 3D旋转项目展示模板 PetitQ 图片/图形, 布局框架 2019-3-21 1.90K 0 0 这是一款效果非常炫酷的jQuery和CSS3 3D旋转项目展示模板。该模板通过CSS3 3D transform来制作3D立方体的旋转效果,使各个项目在切换时呈现立方体旋转效果。 HTML结构 HTML结构包括2个部分:nav.cd…
炫酷纯CSS3鼠标滑过图片动画效果 PetitQ 图片/图形 2019-3-02 1.17K 0 1 这是一款效果超酷的纯CSS3鼠标滑过图片动画效果,它共分为8组不同的效果,它们分别在鼠标滑过图片时,以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。这些鼠标滑过图片时的动画效果都是使用CSS3来完成的,…
炫酷纯CSS3鼠标滑过图片动画效果 PetitQ 图片/图形 2019-3-02 1.17K 0 1 这是一款效果超酷的纯CSS3鼠标滑过图片动画效果,它共分为8组不同的效果,它们分别在鼠标滑过图片时,以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。这些鼠标滑过图片时的动画效果都是使用CSS3来完成的,…
全屏滚动式图片画廊jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.17K 0 0 这是一款响应式全屏滚动式jQuery图片画廊插件。该插件可以创建一组全屏的图片,通过滚动鼠标滚轮,或者使用键盘的上下箭头按钮,或者在移动设备上通过上下滑动来切换图片的显示。 使用方法 在页面中引入jquery和ssg.js、ssg.…
全屏滚动式图片画廊jQuery特效插件 PetitQ 图片/图形 2018-11-18 1.17K 0 0 这是一款响应式全屏滚动式jQuery图片画廊插件。该插件可以创建一组全屏的图片,通过滚动鼠标滚轮,或者使用键盘的上下箭头按钮,或者在移动设备上通过上下滑动来切换图片的显示。 使用方法 在页面中引入jquery和ssg.js、ssg.…
基于canvas的动态马赛克文字特效 PetitQ 图片/图形 2020-1-07 1.25K 0 0 这是一款基于canvas的动态马赛克文字特效。该特效使用canvas在屏幕上刻画你输入的任何文字内容,效果非常炫酷。 使用方法 在HTML文件中引入 HTML结构 CSS样式 #input { position: absolute;…
基于canvas的动态马赛克文字特效 PetitQ 图片/图形 2020-1-07 1.25K 0 0 这是一款基于canvas的动态马赛克文字特效。该特效使用canvas在屏幕上刻画你输入的任何文字内容,效果非常炫酷。 使用方法 在HTML文件中引入 HTML结构 CSS样式 #input { position: absolute;…
Quicksand - 超酷图片分类jQuery特效插件 PetitQ 图片/图形 2018-11-14 1.52K 0 0 Quicksand是一款效果非常炫酷的jQuery超酷图片分类插件。Quicksand可以根据html5 data-id属性来进行图片分类,它提供了很多参数用于分类动画的控制,并且可以使用CSS3的缩放图片效果。 HTML结构 Qu…
Quicksand - 超酷图片分类jQuery特效插件 PetitQ 图片/图形 2018-11-14 1.52K 0 0 Quicksand是一款效果非常炫酷的jQuery超酷图片分类插件。Quicksand可以根据html5 data-id属性来进行图片分类,它提供了很多参数用于分类动画的控制,并且可以使用CSS3的缩放图片效果。 HTML结构 Qu…