您知道如何仅使用CSS在移动视图中制作汉堡菜单吗？ [关闭]

Question

我已经学习CSS仅仅几个月了，我只想在将屏幕尺寸调整为移动视图时才知道如何在CSS上开发汉堡菜单

header 
  background-color: var( --primary-color);
  border-bottom: var(--secondary-color) 15px solid;
  display:flex;
  justify-content: space-around;



.nav-bar 
  list-style: none;
  height:10px;
  margin-top: 28px;



.nav-bar li 
 display:inline;
 padding:30px;

<nav>
  <ul class="nav-bar">
    <li><a href="index.html">Home</li></a>
    <li><a href="#About">About</li></a>
    <li><a href="#Services">Services</li></a>
    <li><a href="#Contact">Contact</li></a>
  </ul>
</nav>

有可能吗？