今天给大家带来的内容是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。当鼠标移动到手机界面上的时候，菜单中的小图标会逐个滑动显示出来。而当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画，同时菜单文字将逐一展现出来。具体效果如下图：
今天给大家带来的内容是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。
当鼠标移动到手机界面上的时候，菜单中的小图标会逐个滑动显示出来。而当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画，同时菜单文字将逐一展现出来。
具体效果如下图：
HTML结构部分：手机界面滑动菜单动画特效的主要部分是菜单图标和菜单项的展示。这里使用一个嵌套
CSS样式部分：
开始的时候，菜单使用 right：﹣10px；隐藏起来。
当鼠标滑过的时候在将这个菜单列表再移回到屏幕当中。
每个菜单项都要通过nth﹣child旋转器来选择然后添加延迟时间。
至于半透明的遮罩层则使用social元素的：after伪元素来制作。
当鼠标滑过屏幕上方的header元素时将移动它的left属性，制作最后的效果。
今天的内容就分享到这里，更多内容敬请期待！
相关阅读
工作、升学、公务员，大学毕业时的这道
高校为完成KPI考核，"逼迫"大学生
理工人物志 | 追逐梦想的人会发光
奋进故事 | 他在数控机床旁“三十而
这3本证书能让考研“加分”，第3本深
成都市举办的第一所高职院校，也是四川
奋进故事 | 他
工作、升学、公务
天府新区这所大学
行业需求大，就业
