CSS遮罩的过渡效果

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

34163 440 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

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

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

jquery实现简单的滑动解锁

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

jQuery模仿PPTCSS3介绍

jQuery模仿PPTCSS3介绍,使用鼠标滚轮进行切换

图片展示

27866 368

纯css3放大镜

通过css3样式实现放大镜的效果

图片展示

43730 379

JQUERY全屏撕裂幻灯片-FULLSCREEN-SLIT-SLIDER

fullscreen-slit-slider由 jQuery 和 css3 打造而成。为我们提供了一个全屏的撕裂效果的幻灯片，接下来我就为大家讲解以下相关的用法。

图片展示

45123 421

原生js图片查看插件(原创)

原生js实现点击图片放大预览

图片展示

33236 346

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