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ましたが、何も変更されず、移行が存在しないかのように動作します。