菜单的自定义形状按钮

html5 • • 问答

我正在尝试实现我在图像上获得的这种效果。我在创建自定义形状时遇到问题。有人可以帮助我吗？

body {
  margin: 0;
}
.container {
  display: flex;
  width: 100%;
  height: 100vh;
}

.menu {
  background: lightgray;
  flex: 0.1;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}

.numbers { 
  background: #79726c;
  border: none;
  transform: skewY(10deg);

}
.content {
  flex: 1;
  background: blue;
}
<div>

<div>
<button>Start
</button>
<button>1
</button>
<button>2
</button>
</div>
<div>

</div>
</div>
以上是菜单的自定义形状按钮的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容