0

ボタンの前にフラップを作りたいのですが... 何かアイデアはありますか?

.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);
}
4

1 に答える 1

4

彼らはこれを使用しています：

.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です。

于 2013-05-03T09:34:57.073 に答える