国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>Ich entwerfe derzeit ein CSS-Mega-Dropdown-Menü – im Grunde ein normales reines CSS-Dropdown-Menü, aber mit unterschiedlichen Inhaltstypen. </p> <p>Derzeit scheinen <strong>CSS 3-überg?nge nicht mit dem Attribut ?display“ zu funktionieren, d. h. Sie k?nnen keine Art von übergang/Code> von <code>display: none< <code>display: block</code> </code></p><code> <p>Gibt es eine M?glichkeit, das Menü der zweiten Ebene im obigen Beispiel ?einzublenden“, wenn jemand mit der Maus über einen der Menüpunkte der obersten Ebene f?hrt? </p> <p>Ich wei?, dass Sie eine Transformation für das Attribut <code>visibility:</code> verwenden k?nnen, aber mir f?llt keine M?glichkeit ein, sie effizient zu nutzen. </p> <p>Ich habe es auch mit der H?he versucht, bin aber kl?glich gescheitert. </p> <p>Ich wei? auch, dass es einfach ist, dies mit JavaScript zu tun, aber ich m?chte mich der Herausforderung stellen, nur CSS zu verwenden, und ich denke, meine F?higkeiten sind etwas mangelhaft. </p></code>

div {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}
div.active {
    opacity: 1;
    display: block;
}

div {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
div.active {
    opacity: 1;
    height: auto;
}

div {
  border: 1px solid #eee;
}
div > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
div:hover > ul {
  visibility: visible;
  opacity: 1;
}

<div>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>