منوی کشویی با css

منوی کشویی با css

این منو کاملا با html و css نوشته شده ولی متاسفانه تو بیان بدون خرید امکان جاوا کار نمیکنه

چون از تگ بوتون استفادهع میشه

کد html ـش:

   <div class="drop-menu">
        <button class="drop-menu-btn">hover</button>
        <div class="drop-menu-content">
          <a href="#">Link 1</a>
          <a href="#">Link 2</a>
          <a href="#">Link 3</a>
        </div>
      </div>

دیدید چقدر کمه؟

اینم cssـش:

.drop-menu {
  position: relative;
  display: inline-block;
}
.drop-menu-content {
  display: none;
  position: absolute;
}
.drop-menu-content a {
  text-decoration: none;
  display: block;
}

.drop-menu:hover .drop-menu-content {display: block;}

کاملا کم حجم هستش

بزودی یک کد هم پیدا میکنم ک بشه تو بیان رایگان بزاریمش