共計 481 個字符，預計需要花費 2 分鐘才能閱讀完成。

將鼠標放在頭像中，頭像會出現 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 主題都支持該效果，個別主題添加以上代碼是沒有效果的，使用前建議先做好備份。

頭像旋轉特效預覽