HTML5 SVG炫酷遮罩层动画效果

当前位置:主页 > Html5库 > SVG > HTML5 SVG炫酷遮罩层动画效果
小编推荐: 掘金是国内最活跃的技术社区,从 jQuery到vue,从前端教程到开源库,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。
HTML5 SVG炫酷遮罩层动画效果
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2017-10-18
    阅读:
简要教程

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

网友评论