效果 (源码网盘地址在最后)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fcfe9c03e064c6af4c888c367370f78f.gif#pic_center)
关注公众号《大迁世界》,查看更多视频教程!
源码
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:#