JSFiddle - React, Tailwind, and code Playground

by Vitaly Volovich

HTML

<div class="acordeon">
  <ul class="menu">
    <li>Menu item 1</li>
    <li>Menu item 2</li>
    <li>Menu item 3</li>
  </ul>
</div>

CSS

.acordeon{
  margin: 60px auto;
  width:200px;
  height:90px;
  transform:rotate(15deg);

}
.menu{
  padding-left:0;
 }
.menu li{
  list-style:none;
  cursor: pointer;
  padding: 5px 15px;
  background-color:white;
}
.menu li:hover{
  background-color:green;
}