效果 (源码网盘地址在最后)
源码
index.html
<!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="#">Home</a></li>
<li style="--i:1;"><a href="#">About</a></li>
<li style="--i:2;"><a href="#">Services</a></li>