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

这是一款使用html5svg和css3制作的全屏遮罩导航菜单，这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕，可以说大小是以你的浏览器为准。默认是绿色背景，你完全可以换成其它颜色，这个不用我细说了吧。分别是：HugeInc，Corner，Slidedown，Scale，Door，ContentPush，ContentScale，CornerShape，LittleBoxes，SimpleGenie，Genie
这是一款使用html5svg和css3制作的全屏遮罩导航菜单，这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕，可以说大小是以你的浏览器为准。默认是绿色背景，你完全可以换成其它颜色，这个不用我细说了吧。
请在现代浏览器中查看这些demo。
11个效果名称分别是：
HugeInc，Corner，Slidedown，Scale，Door，ContentPush，ContentScale，CornerShape，LittleBoxes，SimpleGenie，Genie
英文看不懂请看演示。
第一个demo的灵感来自于Huge。这个效果使遮罩层淡入淡出，并使里面的内容带有一些3d旋转效果，
这里使用一些视觉差小把戏使遮罩层消失：我们为可见元素设置transitiondelay使透明度首先开始改变。
其他一些demo中我们使用了Snap.svg来制作SVG路径变形动画。


下载

2023-11-22 22:53 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]