CSS遮罩的过渡效果

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

34286 440 查看评论 (22)

分享到微信朋友圈

查看演示立即下载

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

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

jquery实现简单的滑动解锁

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

CSS3三角形图片展示

图片展示

40652 398

仿qq空间图片展示效果

使用方法简单详细，类似于qq空间的图片展示效果

图片展示

48192 475

HTML5/CSS3超酷焦点图特效

焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。

图片展示

33068 306

jQuery蜂窝相框（HexagonBg.js）

jQuery六边形相框自动生成

图片展示

23216 303

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