1.我看到一个还可以的,写了一下
<style> body{ background: black; } .close{ width: 36px; height: 36px; position: relative; cursor: pointer; } .close:before,.close:after{ content: ''; width: 36px; height: 1; position: absolute; background: white; top: 15px; transition: all ease 0.4s; } .close:after{ transform: rotate(45deg); } .close:before{ transform: rotate(-45deg); } .close:hover:after,.close:hover:before{ transform: rotate(0deg); } </style> <body> <div class="close"> </div> </body>