使用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個邊框的寬度和旋轉度數。