CSS遮罩的过渡效果

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

33289 436 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

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

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

jquery实现简单的滑动解锁

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

js 3D图片旋转

原生js 3D图片旋转插件

图片展示

33623 347

纯js图片旋转

JavaScript图片特效

图片展示

42691 435

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮，可以让你的图片点击放大或者缩小当然，对于懒人来说，真是懒得点击那么你可以将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果

图片展示

177956 562

jQuery全屏图片轮播插件fullpage.js

图片展示

61766 396

讨论这个项目（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)
}