效果
源码
<!DOCTYPE html>
<html>
<head>
<title>Magic Menu Indicator | 03</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="navigation">
<ul>
<li class="list active">
<a href="#">.
<span class="icon" style="--clr:#f44336;">
<ion-icon name="home-outline"></ion-icon>
</span>
</a>
</li>
<li class="list">
<a href="#">
<span class="icon" style="--clr:#ffa117;">
<ion-icon name="person-outline"></ion-icon>
</span>
</
