2013-12-16 47 views
3

我使用引导程序来创建我的按钮,并且我想向其中的一些添加左或右点箭头,但我希望能够添加一个类而不是创建额外的标记以添加箭头。我目前正在使用:: after和:: before创建箭头,但我无法使小费变成圆形,也无法添加按钮所具有的边框底部,以使其看起来一致。这里的codepen如何使这个箭头变圆?

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

+2

如果你只想用CSS来工作比这可能是你最好的选择,尽管相当混乱。 http://stackoverflow.com/questions/14446677/how-to-make-3-corner-round-triangle-in-css – codedude

回答

0

我不能确定这是否是理想的,但它是一个尝试:http://codepen.io/anon/pen/JFaxK 我已经使用了CSS变换来达到的效果。唯一的问题是:后面的框没有被放置为按钮。需要调整!

0

这里的CodePen:http://codepen.io/anon/pen/gawIJ

我所做的是很简单,只需3的CSS代码行。

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

结果

enter image description here

+0

是啊,不是我在找什么。我需要一个箭头点,但箭头的点需要略微圆整,而不是尖尖。 –