效果 (源码网盘地址在最后)
源码
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>