css3 鼠标移入移出效果

<div class="box">
  <div class="icon"></div>
</div>

.icon {
  -webkit-transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
}
.box:hover {
  -webkit-transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.5s ease;
}