Overview of dropdown menus


show more Overview of dropdown menus provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Overview of dropdown menus

Now that we understand how to create vertical and horizontal menus, we'll move on to working with a technique that often combines them into a single menu structure, and that is dropdown menus. In the past, building dropdown menus required a combination of HTML, CSS, and JavaScript that made them somewhat complicated to build. Designers also had to account for multiple cross-browser issues that could result in really buggy behavior. Thankfully, CSS capabilities and browser support has evolved to the point where we now can create stable CSS-driven dropdown menus with no additional scripting whatsoever.

Over the course of this chapter we'll take our horizontal menu and modify it so that it features several submenus. We'll start by exploring how to properly structure or submenus, and then we'll move on to controlling the styling and displaying of our dropdowns. Finally, we'll enhance our menus by animating them through the use of CSS transitions. While the code required to create d...

Overview of dropdown menus
Video duration: 1m 17s 5h 14m Beginner

Viewers:

Overview of dropdown menus provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...