侧导航栏滑出到对角线 div

Question

我对对角线 div 非常陌生，需要复制附加的主页和菜单，但我完全不知道如何。请有人能指出我正确的方向吗？我已经用谷歌搜索了一整天，但我找不到我真正在问什么，所以我想我会在图片的帮助下在这里问，希望你们聪明的一群能给我一些指示。感谢您阅读我的困境。

Answer 1

尝试对角线的剪辑路径

https://css-tricks.com/working-with-shapes-in-web-design/#shapes-clip-path

.nav {
  background-color: red;
  height: 100%;
  width: 300px;
  position: absolute;
  right: 0;
  clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0% 100%);
}