纯CSS3炫酷APP滑动菜单特效

天给大家带来的内容是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。
当鼠标移动到手机界面上的时候，菜单中的小图标会逐个滑动显示出来。而当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画，同时菜单文字将逐一展现出来。
具体效果如下图：

简单教程

HTML结构部分：手机界面滑动菜单动画特效的主要部分是菜单图标和菜单项的展示。这里使用一个嵌套<div>结构，菜单项中有超链接<a>元素来制作。

CSS样式部分：

开始的时候，菜单使用 right：﹣10px；隐藏起来。

当鼠标滑过的时候在将这个菜单列表再移回到屏幕当中。

每个菜单项都要通过nth﹣child旋转器来选择然后添加延迟时间。

至于半透明的遮罩层则使用social元素的：after伪元素来制作。

当鼠标滑过屏幕上方的header元素时将移动它的left属性，制作最后的效果。

今天的内容就分享到这里，更多内容敬请期待！

arMaster中文版，来自于丹麦皇家音乐学院的视唱练耳多媒体音乐教育软件。

它以问答的交互形式，寓教于乐的视听方法帮助人们学习音乐知识，对专业和非专业音乐人士都有极大的帮助。

在Win和Mac系统上都可以流畅使用，也可以在IPad上使用，随时学习，随时练习，十分方便。

今天主要是帮助萌新们熟悉一下EarMaster的界面与几个主要的菜单功能。

EarMaster打开后的界面是这样的。

如果打开后是英文版的，这就是我们首先会讲到的软件基础设置。

点开后的详细菜单设置如下：

语言设置在“其它选项”→“语言”里可以设置，选择【chinese_simp】就是简体中文。

这一块则可以进行EarMaster的音效设置。

软件的设置差不多就这些，随后我们来看看界面菜单。

左上角的这里，可以登录EarMaster Cloud的云账号。

文件菜单里，可以打开自己保存并导出过的课程，也可以将老版本EarMaster里的课程导入到新版本中。

帮助菜单里，可以学习乐理知识，查看版本更新和快捷键。

当然我们最需要了解的是“序列号管理器”，这是我们注册激活的地方。

软件的激活就是在这里进行的。

EarMaster（http://www.earmasterchina.cn/chanpin.html）的几个主要菜单功能就是这些了。

TML5 新属性。

属性	描述
accesskey	设置访问元素的键盘快捷键。
class	规定元素的类名（classname）
contenteditableNew	规定是否可编辑元素的内容。
contextmenuNew	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data-*New	用于存储页面的自定义数据
dir	设置元素中内容的文本方向。
draggableNew	指定某个元素是否可以拖动
dropzoneNew	指定是否将数据复制，移动，或链接，或删除
hiddenNew	hidden 属性规定对元素进行隐藏。
id	规定元素的唯一 id
lang	设置元素中内容的语言代码。
spellcheckNew	检测元素是否拼写错误
style	规定元素的行内样式（inline style）
tabindex	设置元素的 Tab 键控制次序。
title	规定元素的额外信息（可在工具提示中显示）
translateNew	指定是否一个元素的值在页面载入时是否需要翻译

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

*请认真填写需求信息，我们会在24小时内与您取得联系。