18.神奇导航菜单指示器
效果
源码
<!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></