CSS遮罩的过渡效果

所属分类：媒体-图片展示,幻灯片和轮播图

34720 441 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

插件描述：关于如何使用CSS Masks创建一些有趣的幻灯片转换教程。高度实验！

一个交互式的动画SVG(鼓)工具包

jquery实现简单的滑动解锁

相关插件-图片展示,幻灯片和轮播图

原生js放大镜（原创）

一个普通的图片放大镜功能，放大倍数可自定义

图片展示

23161 322

图片点击放大并居中显示

纯js实现的一个图片点击放大并居中显示的插件，支持自定义图片详情，可作为图片浏览插件，也可自行改写

图片展示

54231 356

jQuery放大镜插件cloudzoom.js

jQuery放大镜插件cloudzoom.js，可以实现切换图片，支持滚轮控制放大比例

图片展示

44093 411

移动端图片缩放插件Pinchzoom.js

此插件功能包括手机轮播，图片点击放大再次点击缩小功能

图片展示

101956 398

讨论这个项目（22）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

【♥最初的喜欢 0

2019/6/14 16:21:14

EspeciallyMore 0

2019/3/1 12:17:48

西瓜0

2019/3/1 12:36:08

component.css中修改background-image路径

.demo-1 .page-view .project:nth-child(1) {
	background-image:url(../img/nature-1.jpg)
}
.demo-1 .page-view .project:nth-child(2) {
	background-image:url(../img/nature-2.jpg)
}
.demo-1 .page-view .project:nth-child(3) {
	background-image:url(../img/nature-3.jpg)
}
.demo-1 .page-view .project:nth-child(4) {
	background-image:url(../img/nature-4.jpg)
}