纯css实现close - ×

.close{position: relative;display: inline-block;width: 0.14rem;height: 0.14rem;overflow: hidden;}
.close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close::before, .close::after {content: ''; position: absolute; height: 0.01rem; width: 100%;top: 50%;left: 0;margin-top: 0.01rem; background: #ff6c00;}
.close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

posted @ 2016-03-08 11:12  luoluo8  阅读(748)  评论(0编辑  收藏  举报