RiPro日主题美化,作者头像指针旋转动画教程
一个非常漂亮的小动画适合RIPRO主题。将鼠标指针移到头像上以将其旋转360度。现在,您可以免费拥有它。如果你也喜欢资源外星人这个网站,希望将其添加为书签。
登录wordpress后台,找到RiRro主题设置 - 顶部设置 - 自定义CSS样式代码(这里美化 不怕更新 哈哈哈),在输入中添加以下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);
}