如何使用CSS或SASS制作倾斜的背景色

Question

如何使用css或sass使其类似于Button A和B

按钮A 按钮B

Answer 1

您将要使用剪切路径。如果您正在寻找入门的地方

<style>
.shapePoly {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
background-color: orange;
width: 100px;
height: 50px;
}
</style>