如何使这个箭头圆滑？

Question

我正在使用bootstrap创建我的按钮，我想向其中一些添加左或右点箭头，但我希望能够添加一个类而不是创建额外的标记来添加箭头。我目前正在使用:: after和::之前创建箭头，但我无法使尖端圆，我也不能添加我的按钮所具有的边框底部以使其看起来一致。这是codepen

http://codepen.io/mindgrinder/pen/nIfGy

Answer 1

我不确定这是否理想，但这是一次尝试：http://codepen.io/anon/pen/JFaxK 我已经使用CSS转换来实现这种效果。唯一的问题是：在没有放置框作为按钮之后。需要调整！

Answer 2

这是CodePen：http://codepen.io/anon/pen/gawIJ

我所做的很简单，只有3行CSS代码。

margin-left:-20px;
border-radius: 35px 30px 30px 30px;
-webkit-transform:rotate(180deg);

结果

Answer 3

所以这就是我最终做的完美工作

http://codepen.io/mindgrinder/pen/nIfGy