27.炫酷侧边栏菜单|

Posted @大迁世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了27.炫酷侧边栏菜单|相关的知识,希望对你有一定的参考价值。

效果 (源码网盘地址在最后)


关注公众号《大迁世界》,查看更多视频教程!

源码

index.html

<!DOCTYPE html>
<html>
<head>
<title>Sidebar Navigation Menu</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="navigation">
		<div class="menuToggle"></div>
		<ul>
			<li class="list active">
				<a href="#" style="--clr:#f44336;">
					<span class="icon"><ion-icon name="home-outline"></ion-icon></span>
					<span class="text">Home</span>
				</a>
			</li>

以上是关于27.炫酷侧边栏菜单|的主要内容,如果未能解决你的问题,请参考以下文章

炫酷Android 波浪式扭曲侧边栏,窗帘(Curtain Menu)效果

vue项目侧边栏二级菜单只有一个时父级菜单不显示的问题

从ajax侧边栏加载的带有bootstrap-4动态侧边栏菜单的Adminlte 3打开不起作用

如何实现像 spotify 这样的侧边栏菜单?

Swift 3:使用侧边栏菜单

如何使用 jquery 激活侧边栏菜单?