圆角，非等边，直角三角形，背景渐变

效果图如下

实现方法

左上部分在没圆角时可以用宽高为零，设置border的方式来处理，但生成的三角形肯定有角无法处理圆角
右下可以用宽高为零，设置border的方式来处理

.res-common::before{
    content: '';
    width: 74px;
    height: 52px;
    background: linear-gradient(90deg,#24b8d5 35%,#4095fc 100%);
    border-top-left-radius: 6px;
    position: absolute;
    font-size: 18px;
    color: #fefefe;
}
.res-common::after{
    content: '';
    width: 0;
    height: 0;
    border-width: 0 0 52px 74px;
    border-style: solid;
    border-color: transparent transparent rgb(16,61,152)  transparent ; 
    position: absolute;
    top: 0;
    left: 0;
}