将鼠标放在头像中，头像会出现360度旋转，相信很多朋友都遇到过，看起来也挺有意思的，索性博主也给自己的网站加了这么一个特效。如果你的网站是WordPress程序搭建，也想给自己的网页加上这个特效，可以直接使用下面代码。
头像旋转特效代码
/*头像旋转*/
.avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}
将以上代码直接放进style.css文件中即可，经博主亲测，网络上绝大部分的WordPress主题都支持该效果，个别主题添加以上代码是没有效果的，使用前建议先做好备份。
头像旋转特效预览
