基于CSS路径剪裁和背景混合模式的炫酷js幻灯片特效

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > 基于CSS路径剪裁和背景混合模式的炫酷js幻灯片特效
基于CSS路径剪裁和背景混合模式的炫酷js幻灯片特效
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2015-12-21
    阅读:
简要教程

这是一款基于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