如何在css3属性之后使用三角形

Question

我尝试使用border-radius之后和之前制作角三角形。但无法正确使用它。

Answer 1

后css将是，

:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

这是三角形面包的一部分，您可以在下面的链接中看到

CSS Triangle Breadcrumbs