css 带有字体awsome箭头的css按钮

Posted 2021-05-13

.leftmn li {
    display:  block;
    position: relative;
}
.leftmn li a{

    background:#024443;
    margin-bottom:5px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    transition: all.3s ease;
}
.leftmn li a:hover{
    background-color: #02807f;
}

.leftmn li a:after {
    font-family: 'FontAwesome';
    content: '\f054';
    padding-left: 5px;
    position: absolute;
    font-size: 90%;
    right: 10px;
    transition: all.3s ease;

}
.leftmn li a:hover:after{right: 5px;}