W3.CSSLesson 33Free preview
W3.CSS Dropdowns
This lesson is part of W3.CSS · All levels
Summary
Dropdown is a hidden menu that appears when a user directs a cursor or presses a button. It provides w3-dropdown as a wrapper, w3-dropdown-content for menu content, as well as variants of hover and click. Dropdown saves horizontal space because many options can be stored in one button. (W3.CSS)
Key points
- W3-dropdown to container relative to menu
- W3-dropdown-content contains a list of links that may appear and disappear
- W3-dropdown-hover displays the menu when the cursor is on top
- The click variant is suitable for touchscreens that do not have a hover
- The menu contents are positioned absolute against the drop-down container
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.