博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3超酷移动手机滑动隐藏側边栏菜单特效
阅读量:6515 次
发布时间:2019-06-24

本文共 274 字,大约阅读时间需要 1 分钟。

这是一组共4种效果很炫酷的 移动手机滑动隐藏側边栏菜单特效。

这四种效果各自是:默认的点击滑动側边栏菜单效果、带3D transforms的滑动側边栏效果、文字缩放和淡入淡出效果的滑动側边栏以及使用translate来实现滑动側边栏的效果。

每个滑动側边栏效果都带有从右到左淡入淡出的滑动过渡效果。

菜单条中的菜单项以一个接一个的方式显示,这样的效果是通过为它们分别加入 transition-delay 来实现的。以下来看看默认的滑动側边栏效果的制作方法。

插件中使用了font-awesome图标字体,能够点击这里查看。

在线演示:

下载地址:

你可能感兴趣的文章
[转载] New Concept English 1——Lesson 13 A new dress
查看>>
[转载] 武汉天河机场大巴时刻及路线
查看>>
maven常用命令
查看>>
公用分页查询的存储过程
查看>>
MySQL中批量执行SQL语句
查看>>
完成登录与注册页面的前端
查看>>
vue中父组件使用props或者$attras向子组件中传值
查看>>
4、MySQL 申明变量给查询数据编号
查看>>
动态规划(DP),Human Gene Functions
查看>>
java 观察者模式
查看>>
安装Hadoop系列 — 安装JDK-8u5
查看>>
每日一个机器学习算法——正则化
查看>>
解决Chrome浏览器自动记录用户名和密码的黄色背景问题和该解决方法与tab切换至下一个input冲突的问题。...
查看>>
使用HTMLTestRunner生产报告
查看>>
图文混排(2) 详解版
查看>>
草根程序员转型做项目管理走过的点点滴滴之(七、八)人团队
查看>>
黑色背景的好处
查看>>
【原创】Linux环境下的图形系统和AMD R600显卡编程(2)——Framebuffer、DRM、EXA和Mesa简介【转】...
查看>>
LeetCode OJ:Sum Root to Leaf Numbers(根到叶节点数字之和)
查看>>
string.IsNullOrWhiteSpace
查看>>