效果
源码
<!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>
<li class="list">
<a href="#" style="--clr:#ffa117;">
<span class="icon"><ion-icon