这是一款HTML5 SVG炫酷遮罩层动画效果。该效果是在用户点击汉堡包按钮间隙全屏菜单显示时，页面的切换采用SVG图形变形的方式进行过渡动画，共6种SVG遮罩层过渡动画效果。

这个HTML5 SVG炫酷遮罩层动画效果采用了新的CSS属性，需要最新版的浏览器才支持这些新的CSS属性。

下面是该HTML5 SVG炫酷遮罩层动画效果的一些屏幕截图效果：

该SVG炫酷遮罩层动画效果的github项目地址为：https://github.com/ykob/shape-overlays

在线预览    源码下载