CSS遮罩的过渡效果

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

33312 436 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

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

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

jquery实现简单的滑动解锁

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

jQuery仿京东商品放大镜

jQuery重写仿京东商品放大镜,使用更简单

图片展示

45551 540

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

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

图片展示

43788 421

立体图片展示

图片随鼠标转向

图片展示

34345 482

js 3D图片旋转

原生js 3D图片旋转插件

图片展示

33653 347

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