Material-Menu:受谷歌材料设计启发的画布菜单

时间:2024-07-01 01:51:20
【文件属性】:

文件名称:Material-Menu:受谷歌材料设计启发的画布菜单

文件大小:290KB

文件格式:ZIP

更新时间:2024-07-01 01:51:20

CSS

Material Design Off Canvas 菜单 该项目是使用前端技术、HTML5、CSS3 和 JavaScript 构建的,以基于材料设计原则生成画布外菜单。 它包含四个主要功能: 动画切换按钮 动画画布菜单 动画菜单项 触摸/点击波纹效果 1 - 动画切换按钮 动画切换按钮是一个使用纯 CSS 创建的简洁按钮。 默认情况下它是一个汉堡包图标,并在菜单处于活动/打开状态时动画为箭头(表示关闭按钮)。 2 - 动画关闭画布菜单 菜单最初是隐藏在视图中的,当按下切换开关时,它会以动画方式显示在视图中。 它将主要内容撞到一边,并在其上添加了一个蒙版。 再次单击蒙版或切换开关会关闭菜单,将其动画化。 3 - 动画菜单项 当菜单滑入视图时,菜单中的每个项目都会以轻微的延迟动画进入视图。 这为菜单添加了一点整洁的动画层。 4 - 触摸/点击波纹效果 触摸/点击涟漪效果是一种创建小动画的


【文件预览】:
Material-Menu-master
----index.html(5KB)
----_sass()
--------config.rb(382B)
--------sass()
----Gruntfile.js(1007B)
----img()
--------mm-header.jpg(9KB)
--------material-menu-featured.jpg(31KB)
----js()
--------external()
--------development()
--------production()
----fonts()
--------Material-Design-Iconic-Font.eot(140KB)
--------Material-Design-Iconic-Font.ttf(140KB)
--------Material-Design-Iconic-Font.svg(327KB)
--------Material-Design-Iconic-Font.woff(140KB)
----README.md(2KB)
----css()
--------style.min.css(40KB)
--------style.css(51KB)
----.gitignore(32B)
----package.json(265B)

网友评论