我们使用cookie来确保您的高速浏览体驗继续浏览本站，即表示您同意我们使用cookie

目前的App在安装后第一次打开，嘟会显示两秒左右的logo然后进入引导页。如果关闭App再重新打开，则只会显示logo然后直接进入主页。

最近写了这个记录一下。

首先是过渡动画因为它不论App是否第一次启动都会显示。

这是一组移动手机（Mobile）APP打开菜单時的过渡动画特效这组过渡动画共有15种效果，分别使用 动画来制作这些动画均由线条和文字组成，效果非常炫酷

这15种移动手机APP打开菜单动画效果所需的CSS动画样式都写在各自的页面中，同时使用少量的JavaScript代码来为元素切换相应的class类

以第一种动画的CSS样式为例子，在第一种APP導航菜单特效中首先为导航项添加一些通用的样式：

变为各个导航项设置animation动画：动画的持续时间为0.5秒，填充模式为both动画名称为returnToNormal。

returnToNormal帧动畫第0帧时元素的透明度设置为0通过translate3d()函数将元素在Y轴方向上压缩为负值。然后在第100帧的时候元素的透明度恢复为1，transform属性设置为none也就是恢复translate3d()为默认值(0,0,0)，这样整个动画的效果就是菜单项由上往下依次展开。

第一种动画过渡效果的实现需要一些JavaScript代码的辅助下面的第一段代碼用于在点击汉堡包按钮之后，使菜单面板滑动显示第二段代码用于为各个菜单项设置动画的延迟时间。

其它效果的实现请参考下载文件