用css3简单写头像旋转360度效果

效果:



img{
  border: #000 solid 2px;
  display: block;
  margin: 50px auto;
  /*圆角*/
  border-radius: 50%;
  transition: all 2.0s;
}
img:hover{
  /*旋转*/
  transform: rotate(360deg);
}
<img src="//www.79bk.cn/wp-content/uploads/imageIObf/5cc2be92f26f6.jpg" />
上一篇

CSS3随机切换页面背景图片特效