使用css写三角箭头

本文转载于:猿2048网站使用css写三角箭头

.right-arrow{
    width:6px;
    height:6px;
    align-self: center;
    border-right:1px solid #2ac795;
    border-left:2px solid transparent;
    border-top:2px solid transparent;
    border-bottom:1px solid #2ac795;
    display:block;
    transform: rotateZ(-45deg);
}

以上为向右的箭头，如果箭头向左边，则需改变4个边框的宽度和旋转度数。

转载于:https://my.oschina.net/u/4191619/blog/3101660