网站刚建立,总要多折腾折腾(虽然到现在位置Emoji表情还没搞定:sweat_smile:)。

逛别人站点的时候,看到WP的站点中的人员的头像,鼠标放上去的时候都可以转一圈。

这个应该算是一个普遍操作吧?心想,所以就搜了一下,一通改css文件。结果怎么都没效果。

后来才发现需要在设置->设置外观下有一个自定义样式,需要把自定义的css代码写在这!

设置外观

设置位置

只能说经验不足……。附上旋转头像的代码

/* avatar rotate=====*/

.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);
}
Last modification:September 29, 2018
如果觉得文章对你有用,请随意赞赏