css 绘制圆角三角形

使用css+before属性绘制一个位置在左上角且左上角为圆角的三角形

div{
  width: 400px;
  height: 200px;
  border: 1px solid #000;
  border-radius: 10px;
}
div::before{
    content: '';
    width: 0;
    border: 20px solid blue;
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-bottom-right-radius: 10px;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
}