11个html5+css3全屏遮罩导航菜单

11个html5+css3全屏遮罩导航菜单-精品资源网
11个html5+css3全屏遮罩导航菜单
此内容为免费资源,请登录后查看
0
免费资源

11个html5+css3全屏遮罩导航菜单

这是一款使用html5 svg和css3制作的全屏遮罩导航菜单,这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕,可以说大小是以你的浏览器为准。默认是绿色背景,你完全可以换成其它颜色,这个不用我细说了吧。分别是:Huge Inc, Corner, Slide down, Scale, Door, Content Push,Content Scale, Corner Shape, Little Boxes, Simple Genie, Genie

这是一款使用html5 svg和css3制作的全屏遮罩导航菜单,这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕,可以说大小是以你的浏览器为准。默认是绿色背景,你完全可以换成其它颜色,这个不用我细说了吧。

请在现代浏览器中查看这些demo。

11个效果名称分别是:

Huge Inc, Corner, Slide down, Scale, Door, Content Push,Content Scale, Corner Shape, Little Boxes, Simple Genie, Genie
英文看不懂请看演示。

第一个demo的灵感来自于Huge。这个效果使遮罩层淡入淡出,并使里面的内容带有一些3d旋转效果,

这里使用一些视觉差小把戏使遮罩层消失:我们为可见元素设置transition delay使透明度首先开始改变。

其他一些demo中我们使用了Snap.svg来制作SVG路径变形动画。

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容