BookBlock可预览CSS3翻书效果 PetitQ 图片/图形 2019-1-14 1.69K 0 0 这是一款使用bookblock.js和css3制作的预览书籍翻书翻页效果。这个翻书效果可以查看书的简介,也可以进入书本预览书籍的内容,预览时有很酷的翻页效果。
BookBlock可预览CSS3翻书效果 PetitQ 图片/图形 2019-1-14 1.69K 0 0 这是一款使用bookblock.js和css3制作的预览书籍翻书翻页效果。这个翻书效果可以查看书的简介,也可以进入书本预览书籍的内容,预览时有很酷的翻页效果。
Magic - 带64种动画效果的CSS3动画库 PetitQ 图片/图形 2019-3-06 2.49K 0 1 magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类,全部使用CSS3 animation动画来完成。各种效果使用非常简单,只需要为元素添加和移除相应的class类即可。 使用方法 使用该…
Magic - 带64种动画效果的CSS3动画库 PetitQ 图片/图形 2019-3-06 2.49K 0 1 magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类,全部使用CSS3 animation动画来完成。各种效果使用非常简单,只需要为元素添加和移除相应的class类即可。 使用方法 使用该…
图片添加渐变遮罩层jQuery插件 PetitQ 图片/图形 2018-12-13 1.85K 0 0 这是一款jQuery图片添加渐变遮罩层插件。通过该插件,可以为一副背景图片添加指定的渐变遮罩层。该插件支持CSS mix-blend-mode混合模式。 使用方法 在页面中引入jquery和jquery.darkener.min.j…
图片添加渐变遮罩层jQuery插件 PetitQ 图片/图形 2018-12-13 1.85K 0 0 这是一款jQuery图片添加渐变遮罩层插件。通过该插件,可以为一副背景图片添加指定的渐变遮罩层。该插件支持CSS mix-blend-mode混合模式。 使用方法 在页面中引入jquery和jquery.darkener.min.j…
DOM元素移动缩放jQuery插件 PetitQ 图片/图形 2018-11-15 1.89K 0 0 jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和CSS3插件。Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速,它可以支持任何元素的平移和缩…
DOM元素移动缩放jQuery插件 PetitQ 图片/图形 2018-11-15 1.89K 0 0 jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和CSS3插件。Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速,它可以支持任何元素的平移和缩…
cropper 简单强大图片剪裁jQuery插件 PetitQ 图片/图形 2018-11-15 1.65K 0 0 cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。 使用方法 使用该图片剪裁插件首先要引入必要的js和css文件。…
cropper 简单强大图片剪裁jQuery插件 PetitQ 图片/图形 2018-11-15 1.65K 0 0 cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。 使用方法 使用该图片剪裁插件首先要引入必要的js和css文件。…
jQuery+css3鼠标滑过网格相邻图片浮动效果 PetitQ 图片/图形 2018-11-14 1.32K 0 1 这是一款效果十分炫酷的jQuery和css3鼠标滑过网格相邻图片浮动效果。插件中使用了 jQuery Proximity plugin。有很多种方法使用纯css来制作手风琴效果,其中使用最多的是使用:target伪类来实现。使用:t…
jQuery+css3鼠标滑过网格相邻图片浮动效果 PetitQ 图片/图形 2018-11-14 1.32K 0 1 这是一款效果十分炫酷的jQuery和css3鼠标滑过网格相邻图片浮动效果。插件中使用了 jQuery Proximity plugin。有很多种方法使用纯css来制作手风琴效果,其中使用最多的是使用:target伪类来实现。使用:t…
响应式网格图片画廊jQuery特效插件 PetitQ 图片/图形 2018-11-17 1.15K 0 0 mosaic.js是一款响应式网格图片画廊jQuery插件。该插件为所有图片提供统一的高度,图片按照自身比例进行缩放。制作出的效果类似于Flick和谷歌+的图片画廊效果。 使用方法 在页面中引入jquery和jquery.mosai…
响应式网格图片画廊jQuery特效插件 PetitQ 图片/图形 2018-11-17 1.15K 0 0 mosaic.js是一款响应式网格图片画廊jQuery插件。该插件为所有图片提供统一的高度,图片按照自身比例进行缩放。制作出的效果类似于Flick和谷歌+的图片画廊效果。 使用方法 在页面中引入jquery和jquery.mosai…
纯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…
lightbox 侧边栏式图片画廊jQuery插件 PetitQ 图片/图形, 布局框架 2019-11-25 1.62K 0 0 使用方法 在HTML文件中引入 HTML结构 配置参数 effects: { // Sets the duration of individual effects, or disables them when set to fals…
lightbox 侧边栏式图片画廊jQuery插件 PetitQ 图片/图形, 布局框架 2019-11-25 1.62K 0 0 使用方法 在HTML文件中引入 HTML结构 配置参数 effects: { // Sets the duration of individual effects, or disables them when set to fals…
Refocus 背景图片镜头模糊特效的jQuery插件 PetitQ 图片/图形 2018-11-15 1.55K 0 0 refocus是一款可以实现背景图片镜头模糊特效的轻量级jQuery插件。该插件可以制作出类似摄像机镜头聚焦和不聚焦的效果。它使用的是CSS filter和transition属性来实现。 使用方法 使用该镜头模糊特效插件需要引入j…
Refocus 背景图片镜头模糊特效的jQuery插件 PetitQ 图片/图形 2018-11-15 1.55K 0 0 refocus是一款可以实现背景图片镜头模糊特效的轻量级jQuery插件。该插件可以制作出类似摄像机镜头聚焦和不聚焦的效果。它使用的是CSS filter和transition属性来实现。 使用方法 使用该镜头模糊特效插件需要引入j…
20 款炫酷 css3 鼠标悬停图像显示效果 PetitQ 图片/图形 2021-12-17 823 0 0 今日分享css3鼠标悬停图片动画展示效果。里面包含20款不同效果的鼠标悬停图像显示动画,每组效果看起来都非常不错,感兴趣的小伙伴欢迎下载。
20 款炫酷 css3 鼠标悬停图像显示效果 PetitQ 图片/图形 2021-12-17 823 0 0 今日分享css3鼠标悬停图片动画展示效果。里面包含20款不同效果的鼠标悬停图像显示动画,每组效果看起来都非常不错,感兴趣的小伙伴欢迎下载。
CaptionerJs 图片标题动画效果jQuery插件 PetitQ 图片/图形 2018-11-15 1.22K 0 0 CaptionerJs是一款简单实用的jQuery图片标题动画效果插件。网上有许多图片标题插件,但是CaptionerJs可以为你创建干净整洁并且带有语义的图片标题HTML代码。CaptionerJs不使用div作为图片层,而是使用…
CaptionerJs 图片标题动画效果jQuery插件 PetitQ 图片/图形 2018-11-15 1.22K 0 0 CaptionerJs是一款简单实用的jQuery图片标题动画效果插件。网上有许多图片标题插件,但是CaptionerJs可以为你创建干净整洁并且带有语义的图片标题HTML代码。CaptionerJs不使用div作为图片层,而是使用…