这是一款基于CSS 剪裁路径(clip-path)和背景混合模式(background-blend-mode)的炫酷js幻灯片特效。该js幻灯片带有3D效果,可以开启全局背景混合模式,整体效果非常炫酷。

由于IE浏览器不支持CSS clip-pathbackground-blend-mode,所以在IE浏览器中看不到图片的剪裁效果和背景的混合模式。对于Firefox浏览器,它的CSS clip-path属性只支持内联的SVG mark元素,所以在Firefox中也看不到图片的剪裁效果。在Chrome浏览器中可以看到该js幻灯片的全部效果。

使用方法

下面是一些该js幻灯片的截图和操作使用说明。

javascript幻灯片特效-1

javascript幻灯片特效-2

javascript幻灯片特效-3