如何使箭头变圆?

3
我正在使用Bootstrap创建按钮,我想在其中一些按钮上添加左或右箭头,但我希望能够只添加一个类而不是创建额外的标记来添加箭头。我目前正在使用::after和::before来创建箭头,但我无法使箭头尖端变圆,也无法添加我的按钮具有的底部边框,以使其看起来一致。这是codepen的代码链接:http://codepen.io/mindgrinder/pen/nIfGy

2
如果你只想使用CSS工作,那么这可能是你最好的选择,尽管有些混乱。https://dev59.com/r2Yq5IYBdhLWcg3wfgnd - codedude
3个回答

0
这是 CodePen 的链接:http://codepen.io/anon/pen/gawIJ 我所做的很简单,只需要三行 CSS 代码。
margin-left:-20px;
border-radius: 35px 30px 30px 30px;
-webkit-transform:rotate(180deg);

结果

enter image description here


是的,这不是我要找的。我需要一个箭头,但箭头的尖端需要略微圆润而不是尖锐的。 - Israel Bautista

0

0

我不确定这是否是理想的,但这是一个尝试:http://codepen.io/anon/pen/JFaxK 我使用了CSS变换来实现这个效果。唯一的问题是:after框没有被放置在按钮后面。需要进行微调!


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接