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;
}

 

posted @ 2015-06-30 09:47  风之约  阅读(8573)  评论(0编辑  收藏  举报