<span class="r180" aria-hidden="true">×</span>
<span class="r180" aria-hidden="true">×</span>
.r180{
.r180{
font-size: 80px;
font-weight: 900;
color: #666;
position: relative;
cursor: pointer;
}
.r180:hover{
animation-name: rotate;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-name: rotate;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-name: rotate;
animation-duration:0.8s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
}
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(180deg);}
}