css - 带有 CSS 过渡的滑出式菜单

Question

我有一个需要一些子菜单的垂直菜单。ul我可以通过在我想要扩展的链接中放置一个标签并在悬停时将其绝对定位来完成一个看起来不错的链接，display:none当它处于非活动状态时。但我想让它滑出，我没有任何运气这样做。我有这个基本标记：

<aside>
  <ul>
    <li><a href="">Link Text</a></li>
    <li class="more">
      <a href="">Base</a>
      <ul>
        <li><a href="Sublink"></a></li>
      </ul>
    </li>
</aisde>

aside标签本身就是一个二级导航菜单，主要的在我的标题中。它是position:fixed为了在滚动时轻松访问。

里面的ul标签<li class="more">是绝对定位的，固定在顶部的 -1px 和width:154px，并且在悬停时它变成display:block; left:154px（当然，它是display:none在不活动时）。我尝试过转换left属性，但它并没有改变任何东西，它就像我的转换甚至不存在一样。