Demo herunterladen. CSS3 Multilevel-Menü mit Übergang und Animation Dies ist ein weiteres großartiges Beispiel für Kreativität und Geschick. Beachten Sie, dass wir den: after-Pseudo-Selector verwenden, um die Floating-Listenelemente zu löschen. normalerweise würde dies unter Verwendung eines Klassennamens hinzugefügt werden, so dass er auf die Container beliebiger floated-Elemente auf der Seite angewendet werden könnte. Normalerweise würden die meisten Leute display: none; um das Drop-Down zu verbergen, während es nicht benutzt wird, aber weil viele Screenreader nichts mit display ignorieren: none; angewendet, das ist sehr unzugänglich. Weil das Problem in den Elementen der Listenelemente auftaucht, verwenden wir statische anstatt relative Position. Sie können spezifischer mit Ihrem Selektor sein und body. new li. news sagen, wenn Sie wollten, aber Es ist normalerweise nicht notwendig. Lange DropDown-Menüs können das Benutzererlebnis beeinträchtigen, daher würde ich vorschlagen, bei einfachen und kleinen Designs zu bleiben, wenn Sie ein Startup-Unternehmen sind. Demo Download 4. Dark Menü: Pure CSS3 Zwei Ebenen-Menü Mit diesem Dropdown-Menü können Sie zwei Ebenenmenüs erreichen Einfache Navigation. Wir helfen Ihnen gerne bei der Fehlerbehebung Ihres CSS, müssen dies jedoch online testen, damit wir es testen können. Übergänge bieten einen zusätzlichen Vorteil, wenn Sie die Dropdown-Menüs etwas länger beibehalten, wodurch das Problem, dass Listen ärgerlich verschwinden, reduziert wird der Cursor bewegt sich momentan außerhalb der Grenzen des Dropdown-Menüs. Wir könnten die Navigation auf der zweiten Ebene mit oben und links positionieren, und das wird in Firefox gut funktionieren.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
October 2018
Categories |