Ri pro主题美化:用户头像旋转特效

该美化的效果是当鼠标移动到用户的头像上时,头像会有360°的旋转特效

美化教程

该特效与logo流光特效使用方法相同, 只需要将以下代码加入到RiPro主题设置->顶部设置-> 自定义CSS样式代码 中即可生效。

/*头像旋转*/
.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);
}

人已赞赏
WordPress美化

Ri pro主题美化:Logo流光效果

2020-7-25 13:07:54

WordPress美化

RiPro主题美化:右侧滚动条样式

2020-7-26 13:20:07

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索