css 制作关闭叉叉按钮

<span class="closebtn"></span>

.closebtn::before, .closebtn::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 50px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    background: red;
}
.closebtn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.closebtn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}