效果
源码
<!DOCTYPE html>
<html>
<head>
<title>Creative Menu Item Hover Effects</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body><section><ul><li><a href="#" data-text="Home">Home</a></li><li><a href="#" data-text="About">About</a></li><li><a href="#" data-text="Services">Services</a></li><li><a href="#" data-text="Team">Team</a></li><li><a href="#" data-text="Contact">Contact</a></li></ul></section>
</body>
<![java八股文面试[多线程]——进程与线程的区别](https://img-blog.csdnimg.cn/img_convert/b175cf3f74fd87ebe2d557f49f5b4578.png)
