码迷,mamicode.com
首页 > 移动开发 > 详细

CSS3超酷移动手机滑动隐藏侧边栏菜单特效

时间:2015-03-13 14:30:05      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:隐藏侧边栏   滑动侧边栏   css3   移动手机   

这是一组共4种效果非常炫酷的CSS3移动手机滑动隐藏侧边栏菜单特效。这四种效果分别是:默认的点击滑动侧边栏菜单效果、带3D transforms的滑动侧边栏效果、文字缩放和淡入淡出效果的滑动侧边栏以及使用translate来实现滑动侧边栏的效果。
每一个滑动侧边栏效果都带有从右到左淡入淡出的滑动过渡效果。菜单栏中的菜单项以一个接一个的方式显示,这种效果是通过为它们分别添加 transition-delay 来实现的。下面来看看默认的滑动侧边栏效果的制作方法。

插件中使用了font-awesome图标字体,可以点击这里查看font-awesome图标字体的参考和使用方法

技术分享

在线演示:http://www.htmleaf.com/Demo/201503121509.html

下载地址:http://www.htmleaf.com/css3/daohangcaidan/201503121508.html

CSS3超酷移动手机滑动隐藏侧边栏菜单特效

标签:隐藏侧边栏   滑动侧边栏   css3   移动手机   

原文地址:http://blog.csdn.net/souhugirl/article/details/44239621

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!