我需要的是用两个右箭头实现按钮.用于切割按钮左侧的一个箭头和用于延伸按钮右侧的一个箭头(请参见附图).
我现在成功的只是添加右箭头(见下图).
以下是我当前的CSS.
.arrow-button {
width: 178px;
height: 82px;
position: relative;
object-fit: contain;
margin-right: 20px;
background-color: #be1a20;
}
.arrow-button:before {
content:"";
position: absolute;
left: 100%;
top: 26px;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-left: 13px solid #be1a20;
border-bottom: 13px solid transparent;
}
.arrow-label {
font-family: Montserrat;
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: auto;
}
.layer {
font-family: Montserrat;
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: …Run Code Online (Sandbox Code Playgroud)