这是一款js和CSS3背景图片切片和glitch闪动效果。该效果在背景图片进行切换的时候,通过一些元素来制作切片效果,并为背景图片添加炫酷的glitch故障闪动效果。

该效果中使用了CSS网格属性和clip-path属性,不是所有的浏览器都支持这些新的CSS属性。

下面是该js和CSS3背景图片切片和glitch闪动效果的些屏幕截图效果。

js和CSS3背景图片切片和glitch闪动效果-1

js和CSS3背景图片切片和glitch闪动效果-2

js和CSS3背景图片切片和glitch闪动效果-3

该js和CSS3背景图片切片和glitch闪动效果的github地址为:https://github.com/codrops/SlicedDualImageLayout/