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

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

图片[1]-RiPro主题作者头像指针旋转动画-嗨皮网(Hpeak.cn)

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

/** ------ / css样式来源:https://www.hpeak.cn/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.cn/4312.html / -------- **/
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏
分享
评论 抢沙发

请登录后发表评论