RiPro主题作者头像指针旋转动画

一个非常不错的小动画适合RIPRO主题，当移动鼠标指针指向头像时，头像会进行360度旋转，现在免费分享给大家，希望喜欢并收藏本站……

登录wordpress后台，找到RiRro主题设置 – 顶部设置 – 自定义CSS样式代码（这里美化 不怕更新 哈哈哈），在输入中添加以下CSS代码

/** ------ / css样式来源：https://www.hpeak.net/4312.html / -------- **/
/*头像旋转*/
.bg-cover {
    border: #ececec 1px solid;
}
.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);
}
/** ------ / css样式来源：https://www.hpeak.net/4312.html / -------- **/