作者：妖泪蓝夕_746 | 来源：互联网 | 2023-05-18 07:41
废话不多说，直接上图：
然后是代码：
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>精美横向滚动菜单按钮 - Glunefishtitle>
head>
<body>
<ul>
<li><a href="" class="a1"><span>Homespan>a>li>
<li><a href="" class="a2"><span>Chatspan>a>li>
<li><a href="" class="a3"><span>Aboutspan>a>li>
ul>
body>
html>
CSS:
为了便于阅读特别优化了一下代码，主要涉及到：
CSS3动画 (transtion)
元素的隐藏 (overflow / visibility)
京公网安备 11010802041100号