HTML5 SVG炫酷遮罩层动画效果


源码介绍

简要教程

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

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

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

HTML5 SVG炫酷遮罩层动画效果-1

HTML5 SVG炫酷遮罩层动画效果-2

HTML5 SVG炫酷遮罩层动画效果-3

HTML5 SVG炫酷遮罩层动画效果-4

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



点赞(0) 打赏

立即下载

点击下载

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部