html - 制作重叠按钮

Question

我想在按钮前面做一个翻盖……有什么想法吗？

.button {
    position:absolute;
    top:240px;
    left: 452.5px;
    width:110px;
    height:40px; 
    display: block;
    margin-bottom: 10px;
    text-align: center;
    line-height: 30px;
    margin: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border: solid #009c93 1px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: #009c93;
    text-shadow: 2px 2px #222222);
}

Answer 1

他们正在使用这个:

.button::before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #D83C3C transparent;
    top: 12px;
    left: -6px;
}

顺便说一句。占位符与此无关!这是纯 CSS。