我想做这个形状（黑色的，在左边）：https://www.awesomescreenshot.com/image/10535419?key=066637f6e5d498e80eb0bdee9eee8372
我的想法是创建一个三角形向下形状并对其进行缩放，然后使用 transform:translate() 移动该形状。有没有更好或更简单的方法来获得这种形状？
答案 0 :(得分：2)
使用 clip-path 这个 website 是一个很好的工具来帮助你掌握它的窍门，在你的情况下，你需要这样的东西
.shape {
width : 250px;
height : 400px;
background-color : #1a1a1a;
clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}<div class="shape">
</div>