Triangle CSS

by ydelmas

HTML

<div class="test">
    Ma boîte
</div>

CSS

body { padding: 30px; }
.test {
    width: 200px;
    background-color: grey;
    position: relative;
}
.test::after {
    display: block;
    content: ""; height: 0; width: 0;
    border-top: transparent solid 20px;
    border-left: green solid 20px;
    border-bottom: transparent solid 20px;
}