02.动画菜单

Posted 2022-12-28 @大迁世界

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了02.动画菜单相关的知识，希望对你有一定的参考价值。

效果

源码

<!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&#

以上是关于02.动画菜单的主要内容，如果未能解决你的问题，请参考以下文章

为啥我的菜单项会激活滚动功能？

请教个安卓动画效果，就是点击一级菜单动态显示二级菜单的问题？请教大神