css curved arrow tail

1    #curvedarrow {
2      position: relative;
3      width: 0;
4      height: 0;
5      border-top: 9px solid transparent;
6      border-right: 9px solid red;
7      transform: rotate(10deg);
8    }
9    #curvedarrow:after {
10      content: "";
11      position: absolute;
12      border: 0 solid transparent;
13      border-top: 3px solid red;
14      border-radius: 20px 0 0 0;
15      top: -12px;
16      left: -9px;
17      width: 12px;
18      height: 12px;
19      transform: rotate(45deg);
20    }