Simple implementation of Dropdown Menu in HTML & CSS

HTML:

  <div class="dropdown">
    <button class="dropbtn">Menu</button>
    <div class="dropdown-content">
      <a href="#">Home</a>
      <a href="#">About</a>
      <a href="#">Contact</a>
    </div>
  </div>

CSS:

.dropdown {
  position: relative;
  left: 200px;
  top: 200px;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

.dropdown-content a {
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

با ری اکشن بهمون انرژی بدید❤️

💎 Channel: @htmlcss_channels