Как открыть меню offcanva с сайта

Question

Я использую мобильное меню для моего сайта, которое опускается сверху вниз. Есть ли способ открыть ее слева, как это делает боковая панель? Я не очень знаком с css анимацией, и я пробовал transform: rotate(90deg);, но без каких-либо эффектов.

Здесь отображается мобильное меню https://www.amaoni.de

Answer 1

это легко сделать с помощью тегов ul, li

ul,li{
  list-style:none;
  padding:0px;
  margin:0px;
  }
  
  #yourMenu{
    border:1px solid #000;
    height:200px;
    width:30%;
   }
   #yourMenu>li{
     width:100%;
     padding:5px;
     background-color:blue;
     box-sizing:border-box;
     color:#fff;
    }
    #yourMenu>li:hover{
     cursor:pointer;
     background-color:red;
   
    }

<ul id="yourMenu">
  <li>menu 1</li>
  <li>menu 2</li>
  <li>menu 3</li>
</ul>