css CSS Triangle

Posted 2021-05-13

.entry-title {
    line-height: 1;
    background: #47484a;
    position: relative;
    color: #fff;
    padding: 14px 34px;
    margin-bottom: 40px;
}

.entry-title:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 35px;
    border-color: transparent transparent #d92a27 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}