文件名称:html5+css3 弹出遮罩层
文件大小:26KB
文件格式:RAR
更新时间:2020-10-12 10:36:55
html5+css3 弹出遮罩层
这是一款使用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路径变形动画。
【文件预览】:
js
----classie.js(2KB)
----modalEffects.js(1KB)
css
----component.css(18KB)
----bootstrap.css(148KB)
index.html