带有弯角的CSS三角形

Question

当我将此CSS写入创建三角形时，它的工作原理如下：锐利的边缘：

.triangle { 
border-left: 70px solid transparent; 
border-bottom: 70px solid #f4a234; 
float: left; 
-webkit-transform: rotate(180deg); 
margin-top: 12px; 
margin-left: 12px; 
} 

当我仅为一个角添加半径时，如下所示，它从三角形转换为方形。我是HTML / CSS的新手，需要帮助才能将其显示为三角形，但有一个圆角。

.triangle { 
border-left: 70px solid transparent; 
border-bottom: 70px solid #f4a234; 
float: left; 
-webkit-transform: rotate(180deg); 
margin-top: 12px; 
margin-left: 12px; 
border-bottom-right-radius: 12px; 
}