css3 画x图形

.m-act-del{
right: 0;
top: 0;
margin-top: -6px;
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
overflow: hidden;
background: #db384c;
border-radius: 50%;
}

.m-act-del::before, .m-act-del::after {
content: '';
position: absolute;
height: 2px;
width: 70%;
top: 50%; 
left: 3px;
margin-top: -1px;
background: #fff;
}

.m-act-del::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.m-act-del::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}