CSS写右箭头

参考的网上的，自己做了点修改

.right-arrow{
        content: " ";
        height: 10px;
        width: 10px;
        border-width: 1.5px 1.5px 0 0;
        border-color: #fff;
        border-style: solid;
        transform: rotate(45deg);
        position: absolute;
        top: 27%;
        right: 3.8%;
    }

<i class="right-arrow"></i>