0

ユーザーがアイテムにカーソルを合わせたときに CSS のみを使用してアイテムを展開し、ユーザーが別のアイテムにカーソルを合わせるまでそのままにしておくことは可能ですか?

トランジションを試しましたが、展開して開いたままにするか、展開して閉じるが展開せず、別のアクションを待ってからアイテムを再度閉じます。

<html>
    <ul id="menu">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
</html>

#menu {
    font-size: 0px;
    line-height: 10px;
    background: #eee;
}

#menu li{
    font-size: 0px;
    line-height: 10px;
    transition:0s 180s;
}

#menu li:hover {
    font-size: 10px;
    line-height: 12px;
    transition:0s;
}

#menu ul:hover {
    font-size: 0px;
    line-height: 12px;
    transition:0s;
}
4

1 に答える 1