Home > Article > Web Front-end > CSS3超酷移动手机滑动隐藏侧边栏菜单特效_html/css_WEB-ITnose
CSS3超酷移动手机滑动隐藏侧边栏菜单特效_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:48:221515browse
这是一组共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
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：微信js获得签名signature_html/css_WEB-ITnoseNext article：JSP页面如何设置带黑色边框的table_html/css_WEB-ITnose