关闭

<span class="open-icon-close"></span>

<style>
.open-icon-close {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
    transition: all .5s;
}

.open-icon-close::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 6px;
    height: 12px;
    border-right: 1px solid var(--color-font-3);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .5s;
}

.open-icon-close::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 6px;
    height: 12px;
    border-right: 1px solid var(--color-font-3);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .5s;
}

.open-icon-close:hover::after,
.open-icon-close:hover::before {
    border-right: 1px solid var(--color-font-1);
}
</style>