效果
源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Animated Menu</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="navigation">
<div class="toggle"><span></span></div>
<ul>
<li style="--i: 0"><a href="#">首页</a></li>
<li style="--i: 1"><a href="#">关于</a></li>
<li style="--i: 2"><a href="#">服务</a></li>
<li style="--i: 3"><a href="#">工作</a></li>
<li style="--i: 4&#